首页 前端知识 微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题

微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题

2024-10-30 21:10:28 前端知识 前端哥 170 594 我要收藏

1、微信小程序使用echarts,首先下载echarts并导入小程序项目中,因小程序后期上线对文件大小有要求,所以建议进行定制下载导入可减少文件大小占比,也可以下载以前旧版本文件比较小的应付使用
1 .下载echarts: https://echarts.apache.org/zh/download.html
2.定制下载:https://echarts.apache.org/zh/builder.html
3.旧版本查看:https://archive.apache.org/dist/echarts/

下载好后,在使用页面的json文件中配置

{
   
  "component": true,
  "usingComponents": {
   
    "ec-canvas": "../../../ec-canvas/ec-canvas"
  }
}

在需要使用的wxml和wxss中写好容器的样式代码

<view class="echarts1" >
     <view wx:if="{
   {canvasIsShow}}" class="container" style="width: 100%; height: 100%;">
           <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{
   { ec }}" force-use-old-canvas="true"></ec-canvas>
     </view&g
转载请注明出处或者链接地址:https://www.qianduange.cn//article/19676.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!