微信小程序使用echarts,实现左右双Y轴,动态获取数据,生成折线图
本来使用的是wxcharts,但发现实现不了左右双y轴的效果,就换成echarts
效果图展示
要实现这样的效果,需要以下几步:
(1)去github下载插件,放进自己的项目里
呐,链接 ===>点击这里
只需要将名称是ec-canvas的文件夹放进自己项目里。
像这样:
图片发自简书App
(2)分别写小程序的四个文件
①
//echart.json
{
"usingComponents": {
"ec-canvas": "../../ec-canvas/ec-canvas"
}
}
②
③
/* echart.wxss*/
.container{
margin: 0;
padding: 0
}
④
echart.js
这里分步写:
第一步:导入 echarts 插件
<