stylowanie kursora dla wykresu kołowego flot - javascript, jquery, css, flot

Korzystałem z wykresu kołowego flot (http://www.flotcharts.org/flot/examples/series-pie/index.html) i z powodzeniem narysował wykresy kołowe. Podczas stylizowania wykresu kołowego mogłem znaleźć opcje dla ciasta, takie jak kolory i krycie oraz al. ale chciałem zmienić styl kursora na torcie i odkryłem, że na samej oficjalnej stronie flot używa zwykłego kursora, gdy zatrzymamy kursor myszy nad plasterkami. Zamiast tego chciałem zmienić styl na wskaźnik kursora. Kiedy nadamy właściwemu obszarowi roboczemu tę właściwość, wyświetli kursor wskaźnikowy dla całego obszaru roboczego. Więc jeśli obszar roboczy jest duży, będzie kursorem wskaźnika, nawet jeśli zatrzymamy się poza wykresem kołowym . Próbowałem też przyznać własność w czasie tworzenia,

   $.plot($("#canvas_" + key.split(" ").join("_")), pieChartData[key], {
series: {
pie: {
show: true,
radius: 1,
innerRadius: 0.3,
cursor : "pointer",
stroke: {
color: "#ffffff",
width: 2.0
}
},
}
});

To nie zadziała .. czy istnieje jakieś rozwiązanie tego problemu?

Odpowiedzi:

Spójrz na opcję „najeżdżalną” opisaną poniżej Dostosowywanie siatki w dokumentach i wykazane w przykład ciasta.

Następnie pozostaw kursor domyślnie na początekzmień go na wskaźnik po otrzymaniu zdarzenia najechania kursorem na wycinek ciasta. Po odebraniu zdarzenia aktywowania bez dołączonego wycinka ustaw kursor z powrotem na domyślny.

Możesz po prostu celować w wykres kołowy i zmienić klasę CSS w arkuszu stylów:

.flot-overlay { cursor: pointer; }

To nie jest najbardziej wdzięczny sposób, ale zadziała!