VUE中使用Echarts绘制地图迁移

踩坑说明

很久以前写jsp时使用过echarts的china.js插件,不过echarts是2.0的,目前vue项目中使用echarts3.8.5,直接将china.js插件引入,代码复制,运行一看,GG。地图中央只有一个光溜溜的南海群岛框框,数据信息也在,可是中国地图背景不见了。网上一查,echart2.0和3.0之间地图有大的改动。走,去官方网站看看。

看了眼,这个例子也算是个比较坑的。参考价值有限。 不过可以参考 另一个官方的例子

既然是在Vue中使用,npm i echarts -D,打开node_modules下面看一眼

既然china.js和world.js都已经存在了,直接用吧。 写一个vue的组件



复制代码

注意说明下:series数组中由三个对象构成,起始点对象,终点对象和连线对象,可以根据自己需求在参数内设置各自的选项。写的时候多参考参考 echarts配置项手册

你可能感兴趣的:(VUE中使用Echarts绘制地图迁移)