没有合适的资源?快使用搜索试试~ 我知道了~
首页微信小程序使用echarts获取数据并生成折线图
微信小程序使用echarts,实现左右双Y轴,动态获取数据,生成折线图 本来使用的是wxcharts,但发现实现不了左右双y轴的效果,就换成echarts 要实现这样的效果,需要以下几步: (1)去github下载插件,放进自己的项目里 只需要将名称是ec-canvas的文件夹放进自己项目里。 像这样: (2)分别写小程序的四个文件 ① echart.json { "usingComponents": { "ec-canvas": "../../ec-canvas/ec-canvas" } } ② <!--echart.wxml--> <view class="co
资源详情
资源评论
资源推荐

微信小程序使用微信小程序使用echarts获取数据并生成折线图获取数据并生成折线图
微信小程序使用echarts,实现左右双Y轴,动态获取数据,生成折线图
本来使用的是wxcharts,但发现实现不了左右双y轴的效果,就换成echarts
要实现这样的效果,需要以下几步:
(1)去github下载插件,放进自己的项目里
只需要将名称是ec-canvas的文件夹放进自己项目里。
像这样:
(2)分别写小程序的四个文件
①
echart.json
{
"usingComponents": {
"ec-canvas": "../../ec-canvas/ec-canvas"
}
}
②
<!--echart.wxml-->
<view class="container">
<ec-canvas id="myechart" canvas-id="graph" ec="{{ ec }}"></ec-canvas>
</view>
③
echart.wxss
.container{
margin: 0;
padding: 0
}
④
echart.js
这里分步写:
第一步:导入 echarts 插件
import * as echarts from '../../ec-canvas/echarts';
第二步:写在Page外的方法
function echart(chart, leftData, rightData) {//leftData是坐标系左边y轴,rightData是右边y轴
var option = {
//网格
grid: {


















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0