相关疑难解决方法(0)

在 chart.js 中未触发 onHover 事件

当鼠标在图表上移动时,我想更改光标,就像这个 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)

jquery cursor onhover chart.js

3
推荐指数
1
解决办法
6982
查看次数

在Chart.js中悬停时更改点大小和颜色

我已经使用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)

javascript chart.js

1
推荐指数
2
解决办法
1万
查看次数

标签 统计

chart.js ×2

cursor ×1

javascript ×1

jquery ×1

onhover ×1