2017-07-17 2 views
0

Gibt es eine Möglichkeit, einen Punkt beim Klicken hervorzuheben, wenn mein Punkt ein PNG ist? Ich versuche, rote Farbe um mein png zu setzen, ich möchte nicht das png zu "hervorgehoben" ändern, sondern nur css zu meinem png Punkt hinzufügen.highcharts hervorgehobenen Punkt markieren (png)

+0

Können Sie ein anschauliches Beispiel machen, z.B. auf jsfiddle? – morganfree

+0

https://jsfiddle.net/shahard/6jesdckc/40/ Hier können Sie jeden durch das Symbol dargestellten Punkt sehen, den ich beim Klicken mit der Highcharts-Konfiguration hervorheben möchte. (ohne spezielle hervorgehobene Ikone zu schaffen) – user2095956

Antwort

2

Sie Renderer-Objekt verwenden können gewünschten SVG Pfad zu erstellen:

// inside point's click event callback function 
var borderWidth = 5; // in px 

this.series.chart.renderer.circle(this.series.xAxis.toPixels(this.x), 
this.series.yAxis.toPixels(this.y), marker.width/2 + borderWidth).attr({fill: 'red'}).add(); 

Beispiel: https://jsfiddle.net/kkulig/as9kqwc0/

API-Referenz: http://api.highcharts.com/highcharts/Renderer.circle

+0

Hi das ist genau was wir wollen, vielen Dank. Gibt es eine einfache Möglichkeit, den roten Kreis zu löschen, nachdem ein anderer Punkt ausgewählt wurde? – user2095956

+0

Ja. Ich speichere es in der Variable 'selectedpointBorder'. Bevor ich ein neues rendere, überprüfe ich, ob der Rand bereits existiert und wenn es wahr ist, zerstöre ich es. Ich habe meine Geige mit diesem Code aktualisiert. –

Verwandte Themen