【发布时间】:2012-07-24 14:27:47
【问题描述】:
我有一个谷歌图表 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);
},
来自 cmets 的解决方案: x 轴上的步骤不能硬编码,但您可以硬编码有多少条网格线,请参阅link。
【问题讨论】:
-
真的没有人对此一无所知吗?
标签: google-visualization linechart