Schaffung eines Liniendiagramm C3 mit

Question

Ich versuche, herauszufinden, wie ein C3 Liniendiagramm zu nennen, wie es unten getan: http://c3js.org/samples/simple_multiple.html

Hier ist, was ich in jsfiddle haben: https://jsfiddle.net/isogunro/m2cnpq7m/

var chart = c3.generate({ 
bindto: '#myChart', 
data: { 
    columns: [ 
    ['data1', 30, 200, 100, 400, 150, 250], 
    ['data2', 50, 20, 10, 40, 15, 25] 
    ] 
} 

});

Jede Hilfe würde sehr geschätzt werden.

Answer 1

In Ihrer Geige haben Sie c3 und d3 Version 4. Es scheint c3 is not yet compatible with d3 version 4 (Sie können dies sehen, indem Sie in Ihrem Browser Fehler Konsole suchen, TypError c.scale ist undefined und dann eine Web-Suche finden, warum das auftritt).

Ersetzen Sie die d3-Version in Ihrem Diagramm durch d3 3.x und Ihr Code wird funktionieren.