Ошибка диаграммы 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);