C3: Spline-Diagramm falsch gezeichnet

Erstellt am 15. Nov. 2016  ·  3Kommentare  ·  Quelle: c3js/c3

Ich habe sporadische Probleme mit Spline-Diagrammreihen. Die Serien zeichnen falsch. Wenn ich zwei Daten hintereinander habe, schlingt sich die Linie manchmal über sich selbst oder die Linie schießt über den nächsten Datenpunkt hinaus und krümmt sich dann zurück, anstatt nur direkt zum nächsten Punkt zu kurven. Ich denke, die Zeichenlogik ist falsch. Wenn ich das Diagramm stattdessen in eine "Linien" -Reihe ändere, wird es richtig angezeigt.

Sie können mein Problem sehen, wenn Sie den Diagrammcode in Ihre Beispielseite kopieren. (http://c3js.org/samples/chart_spline.html)

Beispiel für Diagrammcode:
var-Diagramm = c3.generate({
Daten: {
x: 'Datum',
Säulen: [
['Datum',744336000000,752112000000,876096000000,882057600000,884304000000,888969600000,893203200000,897350400000,902361600000,9082368000000],
['Werte',12.15,11.7,11.75,11.86,11.97,12.05,11.27,12.2,12.34,12.27]
],
Typ: 'Spline'
}
});

Bildschirmfoto:
image

Hilfreichster Kommentar

In Version 0.5.1 von c3.js behebt die Option spline: { interpolation: { type: 'monotone' } } dieses Problem.

Siehe: https://jsfiddle.net/mkw4h54r/10/

2018-03-25 15 56 34

Alle 3 Kommentare

Ausgabe #1501 ist dieser Ausgabe ähnlich.

aufgrund einiger Fehler in d3: https://github.com/d3/d3/issues/2348

in d3 v4.0 behoben (die Interpolatoren wurden neu geschrieben , einschließlich des Hinzufügens eines süßen Catmull-Rom-Spline), aber es ist nicht abzusehen, wann c3 aufholen wird (https://github.com/c3js/c3/issues/1648)

In Version 0.5.1 von c3.js behebt die Option spline: { interpolation: { type: 'monotone' } } dieses Problem.

Siehe: https://jsfiddle.net/mkw4h54r/10/

2018-03-25 15 56 34

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen