2016-10-11 5 views
0

Ich verwende Chartist, um Diagramme zu erstellen. ich habe Tag Etiketten:Chartist Different Serie

1,2,3,4,5 and so on 

ich eine Serie wie diese:

1131586,1132542,1133480,1134294,1135146,1136253,1137259,1139946 and so on 

Nein ich eine neue Zeile mit verschiedener Reihe von Mehrwert. Die neue Linie zeigen den Unterschied zwischen einem Punkt und einem anderen wie folgt aus:

0,956,938,814,852,1107,1006,2687,1859,879,900,765 and so on 

das Diagramm zeigen zwei horizantal Linien! Wie kann ich die Zeilen korrekt anzeigen?

Antwort

0

Im Allgemeinen, wenn Sie zwei Datenreihen haben und ein Label, das Sie so etwas tun würde:

new Chartist.Line('#chart4', { 
    labels: [1,2,3,4,5], 
    series: [[1131586,1132542,1133480,1134294,1135146,1136253,1137259,1139946],[0,956,938,814,852,1107,1006,2687]] 
    }); 

mit folgendem Ergebnis (Top Chart):

http://codepen.io/k3no/pen/ozrgNq

Chartist arbeitet richtig, es sind Ihre Daten, die anders sein müssen, oder mit anderen Worten, es muss normalisiert werden, so dass es in demselben Diagramm angezeigt werden kann.

Sie haben ein paar Optionen:

  1. Display 2-Charts über der anderen (Mitte 2 Karten), Hinweis an dieser Stelle können Sie bereits Ihre Schlüsse ziehen und die Daten wurden nicht manipuliert , so ist dies meine bevorzugte Methode wann immer es möglich ist und die Daten erlauben.

  2. Normalisieren eine Datenreihe in dem anderen oder beide (es ist ein bisschen ein komplexes Thema und außerhalb des Bereichs, aber hier ist eine Einführung): normalization

  3. Preprocess Ihrer Daten, so dass Sie nur eine einzige Zeile angezeigt werden soll.

+0

Vielen Dank für Ihre Antwort. Ich habe die erste Lösung gewählt. Ich erstelle zwei Charts in zwei verschiedenen "Div" Containern mit der Position "absolut". Eins über dem anderen. – MarioProject

Verwandte Themen