HighCharts 画个圈跟随鼠标移动，单击时保存数据，标签为坐标轴

要使用 Higcharts 最快学会的方法，就是拿着官网给我们的例子，加以分析和修改。

兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts

需求： 在光标后面呈现一个蓝色圆圈。单击时保存它，保存的点旁边应该有一个标签，坐标为轴单位。

分析： 先给圆圈单独一个容器div，然后设置圆的各个属性（位置、宽度。。。），接着在图标设置属性里将跟随鼠标移动属性（enableMouseTracking）打开，单击保存数据使用点击事件。

解决：

源代码:

示例：

需要注意的是，上述示例只是一个简单的示范，实际使用时需要根据具体的数据和需求进行适当的调整和扩展。

Highcharts提供了丰富的配置选项，也可以参考Highcharts官方文档来了解更多细节和API用法。

希望这些信息对大家有所帮助！如果您有任何其他问题，请随时提问。

HighCharts 画个圈跟随鼠标移动，单击时保存数据，标签为坐标轴以上表为例进行总结：

1. 单独写出圆的容器（div）

2. 设置圆圈的属性，并写出跟随圆圈跟随鼠标方法

3. 接着写一个点击事件click

4. 在点击事件（click）里使用SVG写一个lable标签

5. 进行标签填充设置

6. 将跟随鼠标移动属性开启