uniapp在微信小程序中使用ECharts的方法

今天使用uniapp集成Echarts,实现地图图表的展示

可以参照mpvue-echarts

参照:https://github.com/F-loat/mpvue-echarts

https://ask.dcloud.net.cn/article/36288

进行改进

网上有很多教程,但都说的不是很明白,下面直接上步骤

1、npm install echarts mpvue-echarts

执行该命令后,会在node_modules下生成mpvue-echarts、echarts,然后把mpvue-echarts下的src放到components下,然后在https://echarts.apache.org/zh/builder.html定制echarts的js文件,如下图:

uniapp在微信小程序中使用ECharts的方法_第1张图片

地图实现:







效果:

uniapp在微信小程序中使用ECharts的方法_第2张图片

关于地图的json文件,在echarts里面 echarts\map

到此这篇关于uniapp在微信小程序中使用ECharts的方法的文章就介绍到这了,更多相关uniapp使用ECharts内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(uniapp在微信小程序中使用ECharts的方法)