Highcharts - fire legendeItemClick-Ereignis

8

Ich möchte das gleiche Ereignis auslösen, das ausgelöst wird, wenn Sie eine Elementlegende auswählen, aber von einer externen HTML-Schaltfläche. Ist es möglich?

Ich habe ein jsfiddle erstellt, um es zu zeigen: Ссылка .

%Vor%

In diesem Fall habe ich eine Schaltfläche, und ich möchte, dass wenn ich auf die Schaltfläche klicke ein Ereignis oder etwas, das Diagramm erkennt und wie Element Legende (Serie 1) geklickt wurde.

Vielen Dank

    
A.Vila 03.07.2013, 13:36
quelle

2 Antworten

7

Verwenden Sie einfach:

%Vor%

Dabei ist 0 der Index der Serie, auf die Sie klicken möchten.

Aktualisieren Geige .

EDITS

  • highcharts-legend-item ist die Klasse jedes Eintrags in der Legende. Ich habe dies entdeckt, indem ich die Legende mithilfe von Chrome-Entwicklertools untersucht habe.
  • Das $('.highcharts-legend-item') ist ein jquery-Selektor, um ein Array aller Elemente dieser Klasse zurückzugeben. Ich wähle die erste nach Index und die $() it, um sie in ein jquery-Objekt
  • umzuwandeln
  • Das .click ist das: Ссылка
Mark 03.07.2013, 14:01
quelle
2

Ich denke die Antwort mit der Definition des Klicks auf

%Vor%

ist nicht der beste. Es ist sehr "teuer", da das DOM wahrscheinlich schwer ist. Meine Lösung basiert in der Regel auf CSS. Sie können die Position von Highchart-Legendenelementen direkt über den benutzerdefinierten Elementen festlegen, die Sie verwenden möchten, und jedes Element sollte die gleiche Breite und Höhe wie das benutzerdefinierte HTML-Element haben. Highchart-Elemente sollten den Deckkraftwert 0 haben, damit sie nicht sichtbar sind. Wenn Sie also auf Ihr Element klicken, klicken Sie auf den Highchart-Legendeneintrag. Wenn Sie CSS für Ihr benutzerdefiniertes Element festlegen möchten, sollten Sie den Aufruf von legendItemClick definieren:

%Vor%     
SashaBG 02.04.2015 10:03
quelle