美文网首页
ChartJS鼠标移到图例上显示手形

ChartJS鼠标移到图例上显示手形

作者: iMaeGoo | 来源:发表于2018-03-02 18:52 被阅读0次

在Chart options中添加:

// 给图例加手势
legend: {
  onHover: function(e) {
      e.target.style.cursor = 'pointer';
  }
},

// 给图加手势
hover: {
  onHover: function(e) {
      var point = this.getElementAtEvent(e);
      if (point.length) {
        e.target.style.cursor = 'pointer';
      } else {
        e.target.style.cursor = 'default';
      }
  }
}

相关文章

  • ChartJS鼠标移到图例上显示手形

    在Chart options中添加:

  • 数据可视化

    参考资料 chartjs官网 搜狗浏览器不能正常显示? chartjs中文网 chartjs highcharts...

  • Echarts:饼图-圆环显示色块信息

    预期效果 圆饼图,中间展示饼图主要信息,例如最开始的总数值,右边展示图例信息(图例信息多的话滚动显示),鼠标移动到...

  • 鼠标悬停显示文字

    用title标签属性 例: 将鼠标移到这个标签上,就会显示"悬停的文字"

  • 你可能需要一个这样的提示框

    当鼠标移到保留上时,展示笑脸效果,移到卸载上时,展示惊恐效果,并且表情的眼睛会随鼠标方向移动 先上代码 HTML ...

  • js 操作添加、删除行 js隔行换色

    需求:制作一个表格,显示班级的学生信息。 要求: 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则...

  • 信息表格

    制作一个表格,显示班级的学生信息。 要求: 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为...

  • 日常积累 tittle属性

    tittle定义和用法 title 属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文...

  • CSS3积累(1)头像过渡效果

    每天积累一小步~ 要求 今天先说说图片头像显示为圆形,且当鼠标移到图片上时图片会有放大效果 效果如图

  • HTML基础

    公有属性: title(公有属性):提示性文本(鼠标移到那里就显示)name = xxx //给标签起名字 HT...

网友评论

      本文标题:ChartJS鼠标移到图例上显示手形

      本文链接:https://www.haomeiwen.com/subject/ijfzxftx.html