2016-07-15 9 views
0

Ich möchte die Daten für die gleichen Daten, aber verschiedene Jahre vergleichen.Google Charts - Liniendiagramm mit gleichem Datum anderes Jahr

Zum Beispiel, für das Datum 1. Januar möchte ich die Daten für 2016 und 2015 auf dem gleichen Diagramm, die gleiche Position auf der X-Achse, aber auf anderen Linien-Serie anzeigen.

Ist das möglich?

+0

möglich klingt, aber nicht sicher, ob ich genau folgen. Kannst du ein Bild verdeutlichen oder ein Beispiel liefern? – WhiteHat

+0

Im Grunde vergleiche ich Daten vom selben Monat und Tag, aber verschiedenen Jahren, und zeichne sie in der gleichen Grafik. Nehmen wir beispielsweise an, dass es sich bei den Daten um Verkäufe für den gesamten Monat Januar handelt. In der x-Achse sind die Tage von Januar, und die y-Achse ist der Umsatz. Ich möchte zwei Zeilenreihenfunktionen darstellen, eine für das Jahr 2015 und für das Jahr 2016. Wenn ich nicht klar genug bin, könnte ich versuchen, ein Beispielbild zur Verfügung zu stellen. –

Antwort

0

hier ist ein Beispiel des Diagramms, ich denken Sie beschreiben ...

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

Danke! Das ist wunderbar, aber ist es möglich, dass die Labels auf der X-Achse nicht das Jahr 2016 anzeigen, zum Beispiel "Januar 1" usw.? –

+0

sicher, setzen Sie einfach hAxis: {Format: 'MMMM d'} '- Raten auf die tatsächliche Formatzeichenfolge, siehe die [Konfigurationsoptionen] (https://developers.google.com/chart/interactive/docs/gallery/linechart # configuration-options) für weitere Informationen ... – WhiteHat

+0

Vielen Dank dafür :) –

Verwandte Themen