如何在Google圖表中設置vAxis的最小間隔？

Question

我有一個谷歌圖表，如果有數據的話，可以正常工作。 但有時沒有數據可顯示。 在這種情況下，vAxis會自動決定僅顯示3個值：0.0、0.5和1.0。 就我而言，僅顯示整數是有意義的。 所以我嘗試使用

vAxis: { viewWindow: { min: 0 }, format: 0 }

但是隨后它僅四舍五入並顯示：0、1、1。我希望最小間隔為1才能看到值：0、1、2，依此類推。

我該如何實現？

請隨時玩這個小提琴： 單擊此處 。

Answer 1

根據WhiteHat的建議，這是我針對此問題的自定義解決方案。 我沒有找到帶有某種Google圖表選項的簡單方法，但這是一種完全可以滿足我需要的簡單解決方法：

 google.charts.load('current', { callback: drawChart, packages: ['corechart'] }); var maxValue = 7; function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('date', 'Date'); data.addColumn('number', 'Count'); data.addRows([ [new Date(2017, 1, 1), 0], [new Date(2017, 1, 2), 0], [new Date(2017, 1, 3), 7], [new Date(2017, 1, 4), 0], [new Date(2017, 1, 5), 0], ]); var options = { title: 'Test', legend: 'none', width: 450, height: 500 }; options["vAxis"] = (maxValue < 5) ? { viewWindow: { min: 0 }, ticks: [0, 1, 2, 3, 4] } : (maxValue < 9) ? { viewWindow: { min: 0 }, ticks: [0, 2, 4, 6, 8] } : (maxValue < 13) ? { viewWindow: { min: 0 }, ticks: [0, 3, 6, 9, 12] } : { viewWindow: { min: 0 } }; var linearChart = new google.visualization.LineChart(document.getElementById('div')); linearChart.draw(data, options); } 

 <script src="https://www.gstatic.com/charts/loader.js"></script> <div id="div"></div>