Highcharts-Solidgauge-Stopps können nicht im gestylten Modus ausgeführt werden

Question

Ich konvertiere alle Diagramme in einer Anwendung in den Highcharts 5.x-Modus.

Ich kann nicht finden, wie man die Solidgauge-Anschläge im gestylten Modus arbeiten lässt. Wenn ich das SVG inspiziere, sehe ich keine Klasse für die Farben. Ich konnte keine Beispiele für Solidgauge-Stopps im Stilmodus finden. Jeder kann ein funktionierendes Beispiel veröffentlichen?

Answer 1

In einer soliden Messgeräte-Serie wird die Farbe dynamisch basierend auf Stopp-Werten berechnet - derzeit glaube ich nicht, dass Sie nur mit css dasselbe machen können. Der Punkt fill Attribut wird berechnet und korrekt gesetzt, aber in diesem Fall hat die Klasse css Vorrang und die Farbe des Punktes hat eine feste fill, die aus der CSS-Datei (highcharts-color- {n} -Klasse) stammt.

Halten stoppt in Optionen und entfernen Klasse vom Punkt (oder einen Satz Color auf eine nicht vorhandene Nummer, zum Beispiel 99)

.highcharts-color-0 { 
    fill: #7cb5ec; //remove fill attribute 
    stroke: #7cb5ec; 
} 

oder:

data: [{y: 80, colorIndex: 99}], // the point's class will highcharts-color-99 now 

Beispiel: http://jsfiddle.net/gj8zfw73/