HighCharts 地图画航线，以及在城市点画圈

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

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

需求：生成一个世界地图，在城市点处画一个响应式的圈 ，及在城市点间画一条指示性的航线

分析：生成一幅世界地图需导入相关地图js文件与获取json文件，在城市点画一个响应式的圈和一条指示性的航线，需要生成序列，并指定类型，航线类型（flowmap） ，响应式的圆圈用render进行画圆圈，具体请看下图

解决：

源代码:

示例：

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

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

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

HighCharts 地图画航线，以及在城市点画圈以上表为例进行总结：

1. 加载所需的文件highmaps.js、map.js，tiledwebmap.js、flowmap.js

2. 加载地图并解析json

3. 在图表（chart）中写事件进行渲染画圈

4. 在数据列中添加两组数据列进行画航线和标记城市点