Ändern eines einzelnen Markers in einer Reihe in ExtJS-Diagrammen

Question

das ist, was ich versuche zu tun ... Ich habe ein Diagramm mit einer Zeile-Serie mit Markern drin. In der X-Achse habe ich Daten und in der Y-Achse eine Nummer. Also lassen Sie uns sagen, dass ich in x Daten von gestern bis nächste Woche habe. Und jeder Tag hat einen entsprechenden Y-Achsenwert. Was ich tun möchte, ist die Farbe der Markierung, die zu dem tatsächlichen Datum gehört. Mit anderen Worten, um es klarer zu machen, möchte ich die Farbe eines einzelnen Markers in einer ExtJS-Reihe ändern. Ich kenne markerConfig, aber das scheint nicht zu helfen, da es für alle Marker gilt.

Ich habe nichts dergleichen gefunden, also habe ich hier angehalten, um zu sehen, ob ihr mir helfen könnt. Vielen Dank im Voraus!

Answer 1

Ich denke, der einfachste Weg ist, einen einzelnen Datenpunkt in einer Serie hervorzuheben.

Definieren Sie zuerst Ihren Hervorhebungsstil.

Ext.create('Ext.chart.Chart', { 
... 
series: [{ 
    type: 'line', 
    highlight: { 
    size: 10, 
    radius: 10, 
    fill: 'red' 
    }, 
... 
}); 

Dann wählen Sie den entsprechenden Datenpunkt in Ihrer Serie und rufen Sie die highlightItem() Methode. Im Folgenden finden Sie ein Beispiel für die Verwendung der Methode.

var series = myChart.series.get(0); 
series.highlightItem(series.items[2]); // highlight the 3rd data point in the series 

Das Ergebnis würde in etwa so aussehen.