微信小程序使用echarts 不跟随页面滚动

echarts微信小程序组件:兼容小程序 Canvas的组件ec-canvas,可以方便地使用 ECharts,载gitHub项目。

ec-canvas 目录下有一个 echarts.js,默认echarts-for-weixin 项目发版的时对应最新版的 ECharts,可以自行从官网自定义构建,并修改文件名为echarts.js,替换ec-canvas 目录下的 echarts.js,以减小文件大小。

Echarts官方地址:Echarts官方介绍微信小程序使用Echarts

图表组件下载地址:github官网上的 ecomfe/echarts-for-weixin 项目下载

创建图表:在json配置如下:

{
  "usingComponents": {
    "ec-canvas": "../../ec-canvas/ec-canvas"
  }
}

 wxml 中,创建 组件:(设置force-use-old-canvas="true"  可以解决图表不跟随页面滚动问题 **)

  <view class="chart-container" >
    <ec-canvas wx:if="{
  
  {!echartsShow}}" id="my
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值