2016-07-15 54 views
0

我想比較相同日期但不同年份的數據。谷歌圖表 - 同一日期不同年的折線圖

例如,對於1月1日的日期,我想在同一圖表上顯示2016年和2015年的數據,x軸上的位置相同,但是不同的系列線上。

這可能嗎?

+0

聽起來可能,但不知道我照做。你能澄清或提供示例圖像嗎? – WhiteHat

+0

基本上,我比較同一月份和同一天但不同年份的數據,並將它們繪製在同一圖表中。例如,假設這些數據是關於一月份整個月的銷售情況。 x軸是1月的日子,y軸是銷售額。我想繪製兩個系列的功能,一個繪製2015年和2016年的圖。如果我不夠清楚,我可以嘗試提供一個示例圖像。 –

回答

0

這裏是圖表,的一個例子,我想你所描述的...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('date', 'Date'); 
 
    data.addColumn('number', '2005'); 
 
    data.addColumn('number', '2006'); 
 
    data.addRows([ 
 
     [new Date('01/01/2016'), 200, 210], 
 
     [new Date('01/02/2016'), 190, 220], 
 
     [new Date('01/03/2016'), 205, 200], 
 
     [new Date('01/04/2016'), 220, 230], 
 
     [new Date('01/05/2016'), 212, 210], 
 
     [new Date('01/06/2016'), 185, 193], 
 
     [new Date('01/07/2016'), 196, 207] 
 
    ]); 
 
    var options = { 
 
     height: 400 
 
    }; 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

+0

謝謝!這很好,但x軸上的標籤是否可能不顯示2016年,例如「1月1日」等。 –

+0

當然,只需設置'hAxis:{format:'MMMM d'}' - 猜測實際的格式字符串,請參閱[配置選項](https://developers.google.com/chart/interactive/docs/gallery/linechart#configuration-options)以獲取更多信息... – WhiteHat

+0

謝謝:) –