Ошибка диаграммы Google? Ось не начинается с 0
Следующий пример из Google для создания ColumnChart с использованием графиков Google
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Year', 'Austria', 'Belgium', 'Czech Republic', 'Finland', 'France', 'Germany'],
['2003', 1336060, 3817614, 974066, 1104797, 6651824, 15727003],
['2004', 1538156, 3968305, 928875, 1151983, 5940129, 17356071],
['2005', 1576579, 4063225, 1063414, 1156441, 5714009, 16716049],
['2006', 1600652, 4604684, 940478, 1167979, 6190532, 18542843],
['2007', 1968113, 4013653, 1037079, 1207029, 6420270, 19564053],
['2008', 1901067, 6792087, 1037327, 1284795, 6240921, 19830493]
]);
// Create and draw the visualization.
new google.visualization.ColumnChart(document.getElementById('visualization')).
draw(data,
{title:"Yearly Coffee Consumption by Country",
width:600, height:400,
hAxis: {title: "Year"}}
);
}
Что работает отлично, однако, мне нужно только одно значение для каждого столбца, поэтому я меняю его на:
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Month', 'How many'],
['07', 193],
['08', 114],
['09', 158]
]);
// Create and draw the visualization.
new google.visualization.ColumnChart(document.getElementById('visualization')).
draw(data,
{title:"Yearly Coffee Consumption by Country",
width:600, height:400,
hAxis: {title: "Year"}}
);
}
И теперь вертикальная ось не начинается с 0, но близка к самому низкому значению, в этом случае 114 - это ошибка? Я все еще хочу, чтобы это показывалось с 0, так как это очень запутывало быстрый взгляд, подобный этому.
Любые идеи?
Ответы
Ответ 1
Вам нужно передать другой пареметр как часть параметров при рисовании диаграммы.
vAxis: {minValue: 0}
Это заставит вертикальную ось начинаться с 0, здесь вы можете увидеть другие возможные варианты: https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart#Configuration_Options
Ответ 2
Если у вас нет данных на графике vAxis: {minValue: 0}
, это не поможет. Таким образом, вы можете использовать опцию конфигурации viewWindow
:
var options = {
vAxis: {
viewWindow: {
min:0
}
}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(dataTable, options);