Vue - echarts-map
echarts
前端数据可视化的图标库
起步
按照官网使用
1 | npm i --save-dev echart |
但是呢由于 echarts 显然地图依赖包被”搞了”,所以在最新版本中会有一点问题,解决方案如下:
- 使用 cdn 引入 echart、echart.china.js
1 | <!DOCTYPE html> |
echarts.china.js
1 | (function (root, factory) { |
由于我们使用的是 vue 项目,而且还使用了 cdn,所以需要将 echarts 通过 external 引入到项目当中:
webpack.config.js
1 | module.exports = { |
vue.config.js
1 | module.exports = { |
- vue 项目如果使用了 eslint,通过 cdn 形式引入 echarts 直接去使用,eslint 会报错
1 | /* eslint-disable no-undef */ |
- 实现地图
1 | <template> |
I'm so cute. Please give me money.
- Post link: https://blog.gaocaipeng.com/2020/06/18/agpq4p/
- Copyright Notice: All articles in this blog are licensed under unless otherwise stated.