谷歌图表如何显示显示时间统计

Question

您好我想在谷歌图表显示两列。首先随着时间（例如06:02）与价值（例如3）。

我尝试：

<script type="text/javascript"> 
    google.load('visualization', '1', {packages: ['corechart']}); 
</script> 
<script type="text/javascript"> 
    function drawVisualization() { 

    var data = new google.visualization.DateFormat(); 

    // Declare columns 
    data.addColumn('datetime', 'Time of Day'); 
    data.addColumn('number', 'Some Measurement'); 

    // Add data. 
    data.addRows([ 
    [06:02,1], 
    [07:02,1], 
    [08:02,2], 
    [12:02,15], 
    [13:02,2], 
    [14:02,1], 
    [15:02,1], 
    [16:02,1], 
    [21:02,2], 

    ]); 

    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
     draw(data, {curveType: "function", 
        width: 500, height: 400, 
        vAxis: {maxValue: 10}} 
      ); 
    } 


    google.setOnLoadCallback(drawVisualization); 

我尝试google doc但我必须做一些错误的... 它does'n工作...任何想法...

Answer 1

类型并且数据格式有误，应该是timeofday和[hour, min, sec, milli]。看起来最后一个毫秒可以省略。此外，DataTable已创建于：

<script type="text/javascript"> 

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

function drawVisualization() { 

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

    // Declare columns 
    data.addColumn('timeofday', 'Time of Day'); 
    data.addColumn('number', 'Some Measurement'); 

    // Add data. 
    data.addRows([ 
     [[6, 2, 0], 1], 
     [[7, 2, 0], 1], 
     [[8, 2, 0], 2], 
     [[12, 2, 0], 15], 
     [[13, 2, 0], 2], 
     [[14, 2, 0], 1], 
     [[15, 2, 0], 1], 
     [[16, 2, 0], 1], 
     [[21, 2, 0], 2] 
    ]); 

    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
     draw(data, { 
       curveType: "function", 
       width: 500, height: 400, 
       vAxis: {maxValue: 10} 
      } 
    ); 
} 

google.setOnLoadCallback(drawVisualization); 

</script> 

如果您的测量是在数天，那么你将有现在根据说明更改图表中Google charts, timeofday starts at 8:00 and ends at 7:45