如何在Google Charts Histogram中使用“timeofday”数据类型?

时间:2015-08-10 17:03:25

标签: javascript google-visualization

我正在尝试使用Google的timeofday数据类型创建直方图,但不断收到错误“无效行索引NaN。应该在[0-0]范围内。”当图表加载时。如果我使用number作为数据类型并将数组更改为整数它可以工作,但这不会让我格式化为HH:MM:SS。有些东西告诉我,直方图可能不支持timeofday,但我在文档中找不到支持它的任何内容。关于我可能做错什么的任何想法?

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);    

function drawChart() {
    var jsonData = {
      cols: [
        {
          type: 'timeofday',
          label: 'Clock-in'
        }
      ],
      rows: [
        { c: [{v: [8, 15, 0]}] },
        { c: [{v: [8, 30, 0]}] },
        { c: [{v: [8, 45, 0]}] }
      ]
    };

    var data = new google.visualization.DataTable(jsonData);

    var options = {
      title: 'Clock-in times',
      legend: { position: 'none' }
    };

    var chart = new google.visualization.Histogram(document.getElementById('chart_div'));
    chart.draw(data, options);
};

1 个答案:

答案 0 :(得分:0)

这是Google直方图实施中的一个错误(issue #2025)。

与此同时,获取timeofday值的直方图的唯一方法是将内容放入服务器端的箱中并渲染条形图。