2017-03-16 2 views
0

Ich habe ein Streudiagramm mit Chart.js und in den X-Achsen habe ich Zeitwerte (ich verwende Moment.js). Das Problem ist, dass ich die Waage wollen umgekehrt (das Bild sehen), aber es mit derDiagramm js Streudiagramm Etiketten

scales: { 
     xAxes: [{ 
      type: 'time', 
      ... 
      ticks: { 
       reverse: true 
      }, 

Also muss ich den linearen Typ verwenden funktioniert nicht. Das Problem ist, dass mit der linearen Zeit in den X-Achsen sehe ich die Sekunden und was ich will sind die Sekunden im Format "mm: ss", also denke ich, ich brauche Etiketten.

Die Frage ist: Wie kann ich die Beschriftungen für die X-Achsen in der Streudiagramm verwenden?

Antwort

0

Das ist überraschend, dass es nicht funktioniert, da die umgekehrte Option ein Basiskonfigurationselement ist (nicht für einen bestimmten Maßstab spezifisch). Wenn ich wieder an einem Computer bin, werde ich untersuchen, ob das ein Fehler ist.

In der Zwischenzeit können Sie die Option callback verwenden, um Ihre Etiketten zu formatieren. Hier ist ein Beispiel.

scales: { 
     xAxes: [{ 
      ticks: { 
       // Create mm:ss labels 
       callback: function(value, index, values) { 
        return moment.duration(value, 'seconds').format('mm:ss'); 
       } 
      } 
     }] 
    } 
+0

Vielen Dank. Wenn Sie meinen Code überprüfen möchten, ist hier: https://codepen.io/fntgnn/pen/KWmgzW – Giovanni

+0

Ich denke, ich fand die Lösung mit dem Rückruf, den Sie vorgeschlagen, weil ich die Sekunden haben: https://codepaste.net/ 81444z – Giovanni

Verwandte Themen