需求:生成一个世界地图,在城市点处画一个响应式的圈 ,及在城市点间画一条指示性的航线
分析:生成一幅世界地图需导入相关地图js文件与获取json文件,在城市点画一个响应式的圈和一条指示性的航线,需要生成序列,并指定类型,航线类型(flowmap) ,响应式的圆圈用render进行画圆圈,具体请看下图
解决:
源代码:
示例:
需要注意的是,上述示例只是一个简单的示范,实际使用时需要根据具体的数据和需求进行适当的调整和扩展。
Highcharts提供了丰富的配置选项,也可以参考Highcharts官方文档来了解更多细节和API用法。
希望这些信息对大家有所帮助!如果您有任何其他问题,请随时提问。
HighCharts 地图画航线,以及在城市点画圈以上表为例进行总结:
- 加载所需的文件highmaps.js、map.js,tiledwebmap.js、flowmap.js
- 加载地图并解析json
- 在图表(chart)中写事件进行渲染画圈
- 在数据列中添加两组数据列进行画航线和标记城市点