谷歌图表API的折线图：单位不匹配点

Line chart where units don't match points 谷歌图表API的折线图：单位不匹配点

我有一个谷歌图表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。

来源

2012-07-24 Morten Holmgaard

难道真的没有人知道这件事吗？ – 2012-08-15 18:20:35

我怀疑你仍然需要这个答案的，但任何人都应该在同样的情况..

format: '#'强制值格式为1个位数，所以你3中的例子是最有可能左右3.3，但由于应用了格式化，你只能看到整数部分。

来源

2013-03-11 22:08:25 undefinederror

我其实仍然有这个问题 - 但没有工作，因为..但我的数据集只包含1,2,3,4,5,6,7,8所以它没有意义..但现在我只是试图删除格式：'＃'和轴上的值使更多sence ..但我需要一个线为每个数据点或只是其中的一些 - 不在其中间..你知道如何做到这一点？ – 2013-03-12 16:52:53

我可以试试。你能否粘贴你用来生成图表的代码？ – undefinederror 2013-03-14 07:31:10

现在我已经添加了代码来生成图表，但数据来自web服务，所以它不是很容易显示..让我知道如果它没有意义.. – 2013-03-15 16:14:40

谷歌图表API的折线图：单位不匹配点

回答

相关问题