当鼠标在图表上移动时,我想更改光标,就像这个 fiddle。这适用于 chart.jsv2.4但不适用于v2.6&v2.7
任何想法?
var ctx = document.getElementById("canvas1").getContext("2d");
var mychart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: ['uno', 'dos', 'tres', 'cuatro'],
datasets: [{
data: [1, 2, 3, 4],
backgroundColor: ["#BDC3C7","#9B59B6","#E74C3C","#26B99A"]
}]
},
options: {
hover: {
onHover: function(e) {
$("#canvas1").css("cursor", e[0] ? "pointer" : "default");
/* without jquery it can be like this:
var el = document.getElementById("canvas1");
el.style.cursor = e[0] ? "pointer" : "default";
*/
}
}
}
});
Run Code Online (Sandbox Code Playgroud) 我已经使用chartjs制作了折线图。现在我想要的是,每当有人将鼠标悬停在点上时,点的大小和颜色都会改变。我尝试了一些选项,但没有设法使它起作用。有人可以帮我吗?
javascript:
var ctx = $('#chart');
var myLineChart = new Chart(ctx, {
type: 'line',
data: {
labels: [1, 2, 3, 4, 5],
datasets: [{
label: '# of votes',
data: [1, 2, 3, 4, 5],
fill: false
}]
}
})
Run Code Online (Sandbox Code Playgroud)