javascript - 谷歌折线图只有完整的步骤/刻度

Question

我正在寻找一种将折线图步骤设置为仅完整数字步骤的方法，例如 1,2,3,4,5.....

目前它看起来像这样:

这些是我的选择。我搜索了很多但找不到解决方案。

let options = {
    vAxis: {
        title: "Tests",
        textStyle:{
            color: "#222222"
        },
        viewWindowMode: "explicit",
        viewWindow: {
            min: 0,
        }
    },
};

在我启用以下设置以仅允许 1 个步长之前使用的旧库中:

"ticks": {
    "beginAtZero": true,
    "stepSize": 1
}

也许谷歌也有这个，但我找不到任何关于这个的东西..

更新

format: 0 结果如下:

这真的很奇怪，因为我们现在有 3 个 1 和 2 个 0。

更新 2

这是我没有给出数据的情况示例。我无法在此处运行它，但在我的系统上它是这样运行的:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
  google.charts.load("current", {"packages":["line"]});
  google.charts.setOnLoadCallback(drawChart);
  
  function drawChart() {
	let data = new google.visualization.DataTable();
	
	data.addColumn("string", "Months");
	data.addColumn("number", "Tests");
  
  data.addRows([
    ["January",  0],
		["February",  0],
		["March",  0],
		["April",  0],
		["May",  0],
		["June",  0],
		["July",  0],
		["August",  0],
		["September",  0],
		["October",  0],
		["November",  0],
		["December",  0]
    ]);
    
    let options = {
        chart: {
            title: "Statistics of tests",
            subtitle: "per Month"
 		},
 		titleTextStyle: {
            fontSize: 15
        },
 		vAxis: {
 		    title: "Tests",
  			viewWindowMode: "explicit",
  			viewWindow: {
    			min: 0,
  			}
		}
    
    function initChart() {
		let chart = new google.charts.Line(document.getElementById("chart"));
    	chart.draw(data, google.charts.Line.convertOptions(options));
	}
	window.onload = initChart();
	window.onresize = initChart;
}
</script>
<div id="chart"></div>

Answer 1

vAxis: {
  format: 0
}

应该做你正在寻找的事情

编辑:做了一些更多的搜索，看起来你可能会遇到一些简单的应用这个问题 - 这个问题之前已经被问过，here is the link