Wie kann ich eine Kurve in Plotly hinzufügen und eine benutzerdefinierte Reihenfolge für jeden Datenpunkt entlang der X-Achse festlegen?

Question

Ich versuche, ein Liniendiagramm mit (x, y) -Koordinaten zu erstellen, wobei die x-Achse einem Datum entspricht und die y-Achse einem Wert entspricht. Das Datum ist TT-MM-JJJJ, d. H. 15-04-2015, formatiert.

Als ich meine erste Spur mit so etwas wie hinzufügen:

 var trace = { 
      x: ["9-10-2016", "6-12-2016", "8-12-2016"], 
      y: [30, 11, 38], 
      name: "trace 1", 
     mode: 'lines 

, habe ich einfach meine Art Array für die x- und y-Achse nach dem Datum einer benutzerdefinierte Sortierverfahren für ein JavaScript-Array verwendet wird.

Aber wenn ich dem Graphen einen neuen Trace hinzufüge, scheint es keinen offensichtlichen Weg zu geben, die Punkte nach Datum relativ zu den anderen Traces im Graphen geordnet zu haben. Sie scheinen immer auf der ersten Spur rechts von allem zu sein, auch wenn einige der Punkte in der zweiten Spur Daten haben, die früher als die Daten in der ersten Spur sind.

Answer 1

Wie implementieren Sie Ihre benutzerdefinierte Sortiermethode für die X-Achse? Wird das von Plotly unterstützt? Ich habe keine Dokumentation dafür gesehen.

Gemäß this page ist das Datumsformat von Plotly yyyy-mm-dd HH:MM:SS.ssssss.

Ich würde versuchen, die Daten für die X-Achse mit diesem Format übereinstimmen und sehen, ob es Ihr Problem löst. Wenn es Ihr Problem nicht löst, wäre es hilfreich, ein JSFiddle zu haben, das das Problem demonstriert.