Chartsjs zoom starten bei gezoomt

Question

Ich habe ein Liniendiagramm mit ChartsJS und dem Zoom-Plugin erstellt. Es funktioniert alles gut Pans und Zooms schön, aber das Diagramm lädt immer mit dem kompletten Datenbereich, ich möchte es "Zoomed in" von n Menge starten. Ich habe versucht, die Einstellungen zu ändern, jedoch ohne Erfolg. Alle Hinweise in diesem Stadium würden sehr geschätzt werden.

Answer 1

Endlich ausgearbeitet.

Im Bereich der Skalenoptionen müssen Sie eine Min-Ganzzahl hinzufügen, wenn diese mit der Zoom-Funktion verwendet wird. Diese Grafik wird dann immer noch außerhalb des Canvas-Bereichs gerendert.

scales: { 
     xAxes:[ 
       { 
        type: 'time', 
        time: { 
        min: '2', 
        tooltipFormat: 'll', 
        displayFormats: { 
        quarter: 'MMM YYYY', 
       } 
      }, 

Solange Ihr "Typ" Zeit ist, hat dies für mich funktioniert.