javascript - 如何在 Google Charts 直方图中使用 'timeofday' 数据类型？

Question

我尝试使用 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);
};

Answer 1

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

同时，获取 timeofday 值的直方图的唯一方法是将数据放入服务器端的 bin 中并呈现条形图。