Как изменить курсор на указатель при наведении курсора на полосу на гистограмме ChartJS?CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Как изменить курсор на указатель при наведении курсора на полосу на гистограмме ChartJS?

Сообщение Anonymous »

Вот моя диаграмма

Код: Выделить всё

createChart = function (name, contributions, idArray) {
globalIdArray = idArray;
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: "bar",
data: {
labels: name,
datasets: [{
label: "Contributions",
data: contributions,
backgroundColor: [
'rgba(0, 255, 0, 0.2)',
'rgba(0, 255, 0, 0.2)',
'rgba(0, 255, 0, 0.2)',
'rgba(0, 255, 0, 0.2)',
'rgba(0, 255, 0, 0.2)'
]
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
},
onClick: handleClick,
onHover: handleHover
}
});
Это HTML, все на JavaScript и находится внутри элемента холста.
Я сделал так, чтобы, когда я нажимаю на панель, они действовали как «детализация» и открывали мою страницу с более подробной информацией. Для этого я использовал этот код:

Код: Выделить всё

function handleClick(e) {
debugger;
var activeElement = myChart.getElementAtEvent(e);
var designerId = _idArray[activeElement[0]._index];
window.location.href = "/Display/search/index?designerId=" + designerId;
}
Я хотел бы сделать так, чтобы мой курсор превратился в указатель, чтобы пользователь знал, что он может щелкнуть панель (как это обычно происходит при наличии ссылки). Я видел несколько примеров этого на Stack Overflow, но они были за последние год или два, сообщения содержали комментарии с просьбой об обновленной версии, но не было решений.

Вот еще один пост, который я видел, и я считаю, что это то же самое, чего я пытаюсь достичь, но у меня это не сработало.

Как изменить стиль курсора на указатель при наведении на точки графика?

Кто-нибудь знает, как Могу ли я реализовать это, используя самую последнюю действующую версию ChartJS?

Подробнее здесь: https://stackoverflow.com/questions/420 ... rtjs-bar-c
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»