Erstellen eines Diagramms

Question

Ich möchte ein Diagramm mit den Stunden (1- 24) auf der Y-Achse und den Tagen (1-10) auf der X-Achse erstellen. Kann jemand einen Weg vorschlagen, es zu tun.

Mit den sich wiederholenden Zahlen in der Reihe an einem Punkt streuen

Unten finden Sie den Code uinsg die chartistjs von http://gionkunz.github.io/chartist-js/

var chart = new Chartist.Line('.ct-chart', { 
    labels: [1,2,3,4,5,6,7,8,9,10], 
    series: [3, 4, 5, 6, 8, 10, 11, 11, 11, 12, 13, 16, 17, 17, 18, 18, 19, 19, 21, 21, 21, 23, 23] 
}, { 
    fullWidth: true, 
    chartPadding: { 
    right: 10 
    }, 
    low: 0 
}); 

Answer 1

Sie nicht bauen jede Art von Grafik mit Chartist präsentiert Verwendung data object. Weil data object kann eine Menge von series enthalten, aber die Größe von jedem von ihnen sollte die gleiche sein wie labels Array-Größe.

Um

Mit den sich wiederholenden Zahlen in der Serie implementieren an einem Punkt

allererst Sie Daten Serie brach müssen streuen. In Ihrem Beispiel muss jede Serie 10 Nummern enthalten (für jeden der 10 Tage). Und möglicherweise sollten Sie versuchen, andere Art von Diagramm zu verwenden, d. H. line scatter