2016-07-15 4 views
0

同じ日付で異なる年のデータを比較したいと思います。Google Charts - 異なる年の同じ年の線グラフ

例えば、1月1日の日付では、2016年と2015年のデータを同じグラフ上で、x軸上の同じ位置に別の線系列で表示したいとします。

これは可能ですか?ここ

+0

が可能に聞こえるが、わからない私は正確に従ってください。サンプル画像を明確にしたり提供したりできますか? – WhiteHat

+0

基本的に、私は同じ月と同じ年のデータを比較していますが、同じグラフでそれらをプロットしています。たとえば、データが1月全体の売上についてのデータであるとします。 x軸には1月の日を、y軸には売上を表します。 2015年と2016年の2つの系列関数をプロットしたいと思います。私が十分明確でない場合は、サンプル画像を提供することができます。 –

答えて

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

ありがとうございます:) –

関連する問題