uniapp微信小程序接入echarts(踩坑无数)

微信开发者工具效果图

uniapp微信小程序接入echarts(踩坑无数)_第1张图片
uniapp微信小程序接入echarts(踩坑无数)_第2张图片

真机显示

uniapp微信小程序接入echarts(踩坑无数)_第3张图片
uniapp微信小程序接入echarts(踩坑无数)_第4张图片
因为本次小程序开发使用到了echarts 发现接入有点麻烦,记录一下

前置准备

使用了uniapp插件市场的 echarts-for-wx插件
uniapp微信小程序接入echarts(踩坑无数)_第5张图片
导入到自己的项目会多出以下文件夹,真正有用的是红框内的三个文件,可以将其移入到components下,具体哪个页面/组件使用了就引入
uniapp微信小程序接入echarts(踩坑无数)_第6张图片

页面引入使用

这里我是把uni-ec-canvas移入到components文件夹下了





                    
                    

你可能感兴趣的:(echarts,uni-app,微信小程序)