Google chart api折线图:单位与点数不匹配

时间:2012-07-24 14:27:48

标签: google-visualization linechart

Line chart where units don't match points

我有一个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

1 个答案:

答案 0 :(得分:1)

我怀疑你仍然需要这个答案,但任何人都应该处于相同的情况......

format: '#'强制将值格式设置为1位数,因此示例中的3很可能是3.3左右,但由于应用了格式,因此只能看到整数部分。