Plotly.js: Kann nicht vollständige kategorische x-Achse zeigen

Question

Ich muss ein Liniendiagramm mit x-Achse über Zeit grafisch darstellen. Die X-Achse ist wie ["00:00", "00:05", "00:10 :, ...," 23:55 "], was es nicht numerisch, sondern kategorisch macht. Allerdings kann ich nicht haben eine vollständige Liste von Daten auf der y-Achse, zB gibt es nur Daten von "00" 00 "bis" 09:00 ". Die Daten müssen von "00:00" beginnen.

Das Diagramm, das ich gemacht habe, kann nur den Bereich anzeigen, der einen Y-Wert hat. (zB "00" 00 bis "09:00"), aber ich möchte ein Diagramm mit voller x-Achse haben, obwohl einige Teile des Diagramms leer sind.

Ich lese die Dokumentation, die Einstellung xaxis:{range: [fromValue, toValue]} wird helfen. Ich habe es versucht, aber es funktioniert nur für numerische x-Achse. Gibt es Möglichkeiten, die X-Achse zu erweitern?

Ich machte eine pen, um dies zu veranschaulichen. "a" bis "g" repräsentieren die kategoriale x-Achse, die länger ist als die Anordnung für die y-Achse.

Answer 1

Ich hatte ein ähnliches Problem, plotly.js Version plotly.js v1.28.3 verwenden. Ich konnte einen vollständigen Satz von X- und Y-Achsenwerten anzeigen, indem ich die Attribute categoryorder und categoryarray verwendete. Das folgende Beispiel zeigt, dass es bei mir funktioniert hat:

var layout = { 
     xaxis: { 
      title: 'x Axis Label' 
      , autorange: false 
      , type: 'category' 
      , categoryorder: 'array' 
      , categoryarray: ['0001','0002','0003'] 
     }, 
     yaxis: { 
      title: 'Y Axis Label %>' 
      , autorange: false 
      , type: 'category' 
      , categoryorder: 'array' 
      , categoryarray: ['one','two','three', 'etc'] 
     }, 
    };