Wie zeige ich den letzten Wert aus Daten (Array an Diagramme übergeben) an der Achsenlinie (X-Achse) an?

Question

Im unteren Bild,

Das am Ende der Achsenlinie (X-Achse) angezeigte Datum unterscheidet sich von dem am Ende des Datenzooms angezeigten Datum.

Required,

Das Datum sollte bei Achslinie & Daten Zoom gleiche sein, wenn kein Zoom angewendet wird. Das Datum sollte der letzte Wert in Daten sein, der nach Einstellungen an Diagramme übergeben wird.

Screenshot von der offiziellen Website von Echarts genommen.

https://ecomfe.github.io/echarts-examples/public/editor.html?c=area-rainfall

Answer 1

Eigentlich das Diagramm tut zeigen Daten bis zu 2009/10/18, aber da die xAchse Zecken nicht in gleichem Abstand sind, gibt es einen kleinen Bereich am Ende der Grafik

Schauen Sie, was passiert, wenn ich über das rechte Ende des Diagramms schwebe. Es zeigt Ihnen 2009/10/18.

Da die Achse Zecken von links alligned sind, und die Achse des Diagramms ist dynamisch (wegen der benutzerdefinierten Zoombereich), ist es nicht immer perfekt passen.

---

Sie können jedoch ein wenig mit den Zecken und Etiketten spielen.

Wenn Sie z. B. 100 Datenpunkte haben, können Sie das Tick-Intervall und das Label von auf 10 (oder eine andere ganze Zahl, die durch die Anzahl der Datenpunkte teilbar ist) ändern.

xAxis: [ 
    { 
     axisTick: { 
      interval: 10 
     }, 
     axisLabel: { 
      interval: 10 
     }, 
    } 
]