Triggerbalken/Kreisdiagramm-Hervorhebung, wenn Sie den Mauszeiger über ein externes Element bewegen [chart.js/chart js] [AngularJS] [angular-chart.js]

Question

Ich benutze angle-chart.js, um ein Dashboard zu erstellen. Anstatt die eingebaute Legende innerhalb der Arbeitsfläche zu verwenden, habe ich meine eigene erstellt und benutze ng-repeat, um dynamisch die Beschriftungen mit übereinstimmenden Farben zu erstellen.

Nun, was ich erreichen möchte, ist dies: Wenn ein Element in meiner benutzerdefinierten Legende schwebt, würde es markieren dieses Element in der Grafik und umgekehrt.

Ich dachte, dass vielleicht, wenn ich, was das Ereignis finden kann, die das Tooltip Ereignis auslöst ich, dass und erstelle ng-mousover Ausdruck ...

ist dies überhaupt möglich manipulieren?

Danke, Emad

Answer 1

nicht genau das gleiche, aber jemand gepostet ein Beispiel versteckt/zeigt Linie auf Legende Klick: https://github.com/jtblin/angular-chart.js/issues/70

In Chart.js 2.x gibt es Unterstützung für eine Onclick Veranstaltung als auch auf der Legende zu etwas ähnliches: http://www.chartjs.org/docs/#chart-configuration-legend-configuration

Answer 2

color: [ 
    { 
    backgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'], 
    borderColor: 'rgba(255, 255, 255, 0)', 
    hoverBackgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'], 
    hoverBorderColor: ['#92d06f', '#73c8b8', '#3bb9ab'], 
    hoverBorderWidth: 10, 
    hoverRadius: 0 

} ],

Es funktioniert gut, wenn Maus über aktives Segment in Winkel 2