什麼是使用的日期谷歌路線圖

Question

我看到this link to use google chart api用於將多線圖一起有道

什麼是推薦的方式有底線的日期，因爲它似乎是在圖表中的每一行都有相同的空間水平，所以如果我有圖表，其日期和值我想要在日期值之間有正確的間距（1日差異應該不同於1個月的數據點）。

看起來像你在第一列中放置日期，它保持每個「行」水平分開相同的距離。

編輯：我已經加入我的代碼如下

---

function drawChart() { 

     var data = new google.visualization.DataTable(); 
     data.addColumn('date', 'Date'); 
     data.addColumn('number', 'Target'); 
     data.addColumn('number', 'Actual'); 

     data.addRows(9); 

     data.setValue(0, 0, new Date(2010, 1, 1)); 
     data.setValue(0, 1, 215); 
     data.setValue(0, 2, 215); 

     data.setValue(1, 0, new Date(2010, 2, 1)); 
     data.setValue(1, 2, 213); 

     data.setValue(2, 0, new Date(2010, 2, 4)); 
     data.setValue(2, 2, 213); 

     data.setValue(3, 0, new Date(2010, 2, 8)); 
     data.setValue(3, 2, 213); 


     data.setValue(4, 0, new Date(2010, 3, 1)); 
     data.setValue(4, 2, 220); 

     data.setValue(5, 0, new Date(2010, 4, 1)); 
     data.setValue(5, 2, 190); 

Answer 1

這個例子使用了字符串來存儲一年，所以不會出現「智能」的間距。但是，Google DataTable確實支持Date和DateTime列類型，因此應該滿足您的需求。

http://code.google.com/apis/visualization/documentation/reference.html#DataTable

基本上，而不是調用

... 
data.addColumn('string', 'Year'); 
... 

你會做

... 
data.addColumn('date', 'TheDate'); // or datetime, depending on your needs 

---

編輯：在這種情況下，你可能需要墊的日期值你自己。它看起來像固定間距來自DataTable中的行索引。舉例來說，你可以看到這個代碼在圖表中生成不同間距的數據點：

function drawVisualization() { 

    var data = new google.visualization.DataTable(); 
    data.addColumn('date', 'Date'); 
    data.addColumn('number', 'Target'); 

    data.addRows(9); 

    data.setValue(0, 0, new Date(2010, 1, 1)); 
    data.setValue(0, 1, 213); 

    data.setValue(3, 0, new Date(2010, 2, 1)); 
    data.setValue(3, 1, 213); 

    data.setValue(4, 0, new Date(2010, 2, 4)); 
    data.setValue(4, 1, 213); 

    data.setValue(5, 0, new Date(2010, 2, 8)); 
    data.setValue(5, 1, 213); 

    new google.visualization.LineChart(document.getElementById('visualization')).draw(data, null); 

}