Question

我正在尝试使用日期字符串作为X轴创建一个简单的Google Charts柱形图。当我因某种原因传入有序哈希（或数组）时，Google Charts会根据自己对如何排序的解释重新排序数据。

示例：

[["Dec 27", 206.17], ["28", 411.09], ["29", 411.09], ["30", 411.09], ["31", 411.09], ["Jan  1", 411.09], [" 2", 411.09], [" 3", 411.09], [" 4", 411.09], [" 5", 411.09], [" 6", 411.09], [" 7", 411.09]]

根据这些数据，Google图表会显示：

X-Axis example as displayed by google charts

还有其他人遇到并解决了这个问题吗？有没有办法让Google Charts接受我的数据订单而无需重新排序？

Answer 1

也许您可以共享所有代码，此处柱形图保持排序与数组中定义的相同。

google.load('visualization', '1.1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);

function drawChart() {

  var data = google.visualization.arrayToDataTable([
    ["Date", "Amount"],
    ["Dec 27", 206.17],
    ["28", 411.09],
    ["29", 411.09],
    ["30", 411.09],
    ["31", 411.09],
    ["Jan  1", 411.09],
    [" 2", 411.09],
    [" 3", 411.09],
    [" 4", 411.09],
    [" 5", 411.09],
    [" 6", 411.09],
    [" 7", 411.09]
  ]);
  
  var options = {
    title: 'My Daily Activities'
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart'));

  chart.draw(data, options);
}

<script src="https://www.google.com/jsapi"></script>
<div id="chart" style="width: 900px; height: 500px;"></div>

Google Charts正在更改我的数据订单

1 个答案: