vue-echarts地图显示

vue-echarts地图显示问题

1、向你的vue工程里面引入echarts(4.9以下的版本会带上全国地区的json!!5.多版本的没有哦)

命令行:

npm install echarts --save 或者 yarn add charts

执行完成后看看nodo_modules里面是不是有echarts目录,并找到你需要的地区的json:

2、新建vue文件:

```

```

3、在目的组件里面引用新建的地图组件

4、跑起来(还有什么没装的都装好,如axios)

5、what?怎么出不来?!!!

重点来了,针对地图出不了现象,请在main.js里面引入echarts的js


main.js


也就是:

```

import "echarts/map/js/china"

import "echarts/map/js/china-contour"

import "echarts/map/js/world"

import "echarts/extension-src/bmap/bmap"

```

6、最后,再次跑起来,出来了!


需要其他省份地图的根据引用的json不同而修改代码哈~~~

你可能感兴趣的:(vue-echarts地图显示)