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)
Antwort
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
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
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. –
- 1. Markieren einer Region im Streudiagramm mit Highcharts
- 2. highcharts Tooltip für einen einzelnen Punkt anpassen
- 3. highcharts zeigen Tooltip auf den Punkt klicken
- 4. bestimmten Punkt in einem HighCharts Streudiagramm ausblenden
- 5. Wie man Punkt in HighCharts einfärbt
- 6. Highcharts zeigen nur jeden 3. Punkt/Marker?
- 7. Highcharts Spaltenanimation beim Hinzufügen von Punkt (series.addPoint())
- 8. Algolia - Format hervorgehobenen Text, nur hervorgehobenen Teil zu zeigen
- 9. Markieren Sie einzelne Balken/Spalten in Highcharts beim Laden
- 10. Highcharts Areaspline - Markieren Sie eine Spalte mit Hover-Effekt
- 11. Gibt es eine Möglichkeit highcharts Ausgabe als png statt html
- 12. Highcharts Synchronisierte Diagramme
- 13. Hinzufügen von nur einem anklickbaren Punkt zum Diagramm in Highcharts?
- 14. Highcharts: allein Punkt schwer, nicht sichtbar mit markiert deaktiviert
- 15. Highcharts - manuell auslösen Hover-Ereignis auf einem Punkt
- 16. Highcharts NG zeigt jeweils nur einen Punkt an. Animationen
- 17. Highcharts - Highlight/Shade Datumsbereich
- 18. typo3 aktive Sprachen markieren
- 19. Excel VBA - Auswählen einer Zelle in einem hervorgehobenen Bereich
- 20. add try fangen um hervorgehobenen Code
- 21. Entfernen von hervorgehobenen roten Streifen auf Flutter
- 22. MDX: Ich brauche nur diese hervorgehobenen Datensätze
- 23. UIButton Hintergrundfarbe für hervorgehobenen/ausgewählten Zustand Ausgabe
- 24. Wie entfernen hervorgehobenen in restrect Scheibe programtical
- 25. Markieren Sie Text im Leerlauf Python
- 26. angular2-highcharts Importmodul highcharts-more
- 27. eckig2-highcharts Highcharts exportierendes Modul
- 28. Highcharts Achsabstand Offset
- 29. ViM: Suchen und markieren, aber nicht springen
- 30. Razor: Wie Punkt Punkt neben einer Variablen zu entkommen?
Können Sie ein anschauliches Beispiel machen, z.B. auf jsfiddle? – morganfree
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