2016-07-15 36 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

谢谢:) –