/ / курсор у стилі для кругової діаграми - javascript, jquery, css, flot

стиль курсору для флот-кругової діаграми - javascript, jquery, css, flot

Я використовував флотну діаграму (http://www.flotcharts.org/flot/examples/series-pie/index.html) приклад і успішно малював кругові діаграми. Хоча укладання кругової діаграми, я був в змозі знайти варіанти для пирога, як кольори і непрозорість і аль. але я хотів змінити стиль курсора на пиріг, і я знайшов, що на самій самостійній сторінці флоту використовується звичайний курсор wehn, який ми пересуваємо над скибочками пирога. Замість цього я хотів змінити його на курсор вказівника стилізації .. коли ми надаємо створюваного полотна, що властивість буде показувати курсор курсора для всього полотна .. так що якщо полотно велике, це буде курсор курсору, навіть якщо ми наведемо за межі кругової діаграми . Ive також намагався giv the proeprty в той час, як під час створення,

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

Це не спрацює .. чи є рішення для цього питання?

Відповіді:

4 для відповіді № 1

Погляньте на "hoverable" варіант, описаний нижче Налаштування сітки в документах і продемонстровано в пиріг приклад.

Залиште курсор за умовчанням, щоб почати з, потімзмініть його на покажчик, коли ви отримаєте подію наведення на перо. Коли ви отримаєте подію наведення, яка не має приєднаного фрагмента, встановіть курсор назад за умовчанням.


0 для відповіді № 2

Можна просто націлити кругову діаграму та змінити клас CSS у таблиці стилів:

.flot-overlay { cursor: pointer; }

Це не самий витончений спосіб, але він працюватиме!