要使用 Higcharts 最快学会的方法,就是拿着官网给我们的例子,加以分析和修改。
兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
需求: 在光标后面呈现一个蓝色圆圈。单击时保存它,保存的点旁边应该有一个标签,坐标为轴单位。
分析: 先给圆圈单独一个容器div,然后设置圆的各个属性(位置、宽度。。。),接着在图标设置属性里将跟随鼠标移动属性(enableMouseTracking)打开,单击保存数据使用点击事件。
解决:
源代码:
示例:
需要注意的是,上述示例只是一个简单的示范,实际使用时需要根据具体的数据和需求进行适当的调整和扩展。
Highcharts提供了丰富的配置选项,也可以参考Highcharts官方文档来了解更多细节和API用法。
希望这些信息对大家有所帮助!如果您有任何其他问题,请随时提问。
HighCharts 画个圈跟随鼠标移动,单击时保存数据,标签为坐标轴以上表为例进行总结:
单独写出圆的容器(div)
设置圆圈的属性,并写出跟随圆圈跟随鼠标方法
接着写一个点击事件click
在点击事件(click)里使用SVG写一个lable标签
进行标签填充设置
将跟随鼠标移动属性开启