谷歌圖表如何顯示顯示時間統計

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