我有一个Google图表api折线图,其中水平轴单位与图表上的相应点不匹配。看图像。
我使用了那些确保h轴不使用十进制数字的选项:
hAxis: { title: 'some title', format: '#' }
我没有使用其他相关选项,并且在文档中找不到任何可以解决问题的选项..
更新 用于生成图表的代码:
var options = { title: '<%# Strings.GameStatisticsView_GameProgressChart %>', hAxis: { title: '<%# Strings.ScoreBoard_RoundNr %>', format: '#' }, vAxis: { title: '<%# Strings.Common_Points %>' }, backgroundColor: { fill: 'transparent' }, elementId: 'GameProgressChart', column1: 'Round Nr' };
drawLineChart(response.d.Data, options);
...
drawLineChart: function (data, options) {
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('number', options.column1);
for (var j = 0; j < data.key.length; j++) {
dataTable.addColumn('number', data.key[j]);
}
dataTable.addRows(data.value.length);
for (var i = 0; i < data.value.length; i++) {
dataTable.setValue(i, 0, data.value[i].key);
for (var k = 0; k < data.key.length; k++) {
dataTable.setValue(i, k+1, data.value[i].value[k]);
}
}
var chart = new google.visualization.LineChart(document.getElementById(options.elementId));
chart.draw(dataTable, options);
},
评论解决方案: x轴中的步骤不能硬编码,但您可以硬编码要有多少个网格线,请参阅link。
答案 0 :(得分:1)
我怀疑你仍然需要这个答案,但任何人都应该处于相同的情况......
format: '#'
强制将值格式设置为1位数,因此示例中的3很可能是3.3左右,但由于应用了格式,因此只能看到整数部分。