JQPlot - Как изменить курсор на указатель на Hover to Bar в JQPlot?

Question

Я хочу сменить курсор на «Указатель», когда он наводится на панель JQPlot.

Я попытался изменить в CSS. Но это не сработало. Пожалуйста, помогите мне.

Answer 1

Вам нужно - как вы пытались - изменить его с помощью CSS. Вы, возможно, не применяя изменения CSS на праве элемента, вам нужно применить его к .jqplot-событийного холсту:

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

Пожалуйста, см рабочего примеру here

Редактировать скрипки и код обновлен в соответствии с комментарий sdespont.

PS Как пишет Lukas Елинек, вы можете переопределить указатель по умолчанию, когда вы снятия выделения ваши данные:

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
}); 

Answer 2

Спасибо за ваш ответ.

То же самое мы можем сделать по этому пути также:

курсор: { стиль: 'указатель', шоу: правда, showTooltip: ложные }

Но я хочу, чтобы Cursor:» Указатель "должен отображаться, когда он находится на панели не во всей области диаграммы.

Answer 3

Как писал AnthonyLeGovic, связывают его с помощью:

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

, но не забудьте отвязать его тоже установить нормальный курсор при перемещении из:

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
});