0
点赞
收藏
分享

微信扫一扫

HighCharts 以轴标签为标签+蓝色圆圈跟随鼠标移动

需求: 画一个蓝色圆圈跟随鼠标移动,点击图表并保存这个点,点的右侧有以轴标签为标签的标签

分析: 调用load事件,使用renderer画个圆圈跟随鼠标,点击图标保存点用click事件,在click事件里使用renderer画一个圆和标签,标签以轴为单位

解决:

源代码:

HighCharts  以轴标签为标签+蓝色圆圈跟随鼠标移动_click事件

HighCharts  以轴标签为标签+蓝色圆圈跟随鼠标移动_鼠标移动_02

示例:

HighCharts  以轴标签为标签+蓝色圆圈跟随鼠标移动_鼠标移动_03

HighCharts以轴标签为标签及蓝色圆圈跟随鼠标移动以上表为例进行总结:

  1. 调用load事件,使用document.addEventListener监听鼠标
  2. 在load事件里使用renderer画圆
  3. 点击图表保存点使用click事件,获取点击点坐标
  4. 使用renderer写标签及画圆
举报

相关推荐

0 条评论