1

单位与点不匹配的折线图

我有一个谷歌图表 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 轴中的步骤不能硬编码，但您可以硬编码有多少网格线，请参阅链接。

4

1 回答 1

1

我怀疑你仍然需要这个答案，但如果有人处于同样的情况..

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

于 2013-03-11T22:08:25.300 回答