1.在vue中使用echart
参考:
在 webpack 中使用 ECharts
直接运行命令:npm install echarts --save
并且在main.js文件添加下面代码,引入echart的全部组件
import echarts from 'echarts'Vue.prototype.$echarts = echarts
之后就可以在其他vue文件用this.$echarts引用echart的。
1.使用map
按照以上方式使用echart来画普通的图都可以正常画出,但是在进行模仿别人的demo时,会出现Echart not loaded的错误。 按照以上,结合在Vue项目中使用Echarts(五): Echarts绘制地图该教程,可以完成地图的显示了。
然后在网上找解决方案:
方案1
echart只显示南海
在Vue项目中使用Echarts(五): Echarts绘制地图
看过的方案基本都是说echart3.x少了china.js或者world.js。
但是显然我的是4.x.里面已经打包了map需要的js文件或者json文件。但是自己还傻乎乎地寻找。
最后,看到了这篇文章
作者:exmexm
链接:https://www.jianshu.com/p/a8daa0d84b97
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦