2017-01-26 1 views
1

Ich arbeite an einem PieChart von HighChart, um meinen Benutzeranzahlstatus anzuzeigen.Wie mache ich den Mauszeiger auf einen Mauszeiger, der nur auf ein bestimmtes PieChart-Segment zeigt?

In der untenstehenden Grafik, wenn ich auf der roten Farbe Chartscheibe schweben, dann muss die cursor: pointer aktivieren.

Wenn ich auf der grünen Farbscheibe schwebe, dann muss ich die cursor total deaktivieren oder cursor: default setzen.

Kann mir jemand helfen, dies zu tun?

Antwort

1

Auf einem Last Ereignis, das Sie benötigen Punkt des Cursors auf Zeiger zu setzen.

Highcharts.chart('container', { 
    chart: { 
    type: 'pie', 
    events: { 
     load: function() { 
     this.series[0].data[0].graphic.attr({ 
      cursor: 'pointer' 
     }); 
     } 
    } 
    }, 
    series: [{ 
     data: [90, 10] 
    }] 
}); 

Beispiel: http://jsfiddle.net/zwwsz2kz/

+0

Seine Arbeiten. Thanq .. –

+0

Aber ich habe bereits versucht, diese eine „Funktion (Grafik) { \t \t $ .each (chart.series [0] .data, Funktion (i, Punkt) { if (point.options.cursorEnabled) { point.graphic.attr ({cursor: 'pointer'}); } }); });“ dieser arbeitet auch ... –

Verwandte Themen