微信小程序之echarts使用

官方已经提供了小程序版的 ECharts echarts-for-weixin 并提供的了使用示例（登录你的Git Hub，即可浏览仓库）

（注：这里README.md是一个官方的使用详情）

当然在用之前也可以先在用微信扫描体验一下

使用方法

下载好以后是一个这样的zip文件，我们把他解压就是一个小程序的Echarts的演示项目，你可以通过导入项目来查看



当然我们自建项目的话司以将路文有英发置在我们项目的根目录


一、引入组件

ec-canvas 是 ECharts 提供的微信小程序端的组件，在项目中引入即可

  1. 在我们所需要使用的页面引入echarts
  import * as echarts from '../../ec-canvas/echarts';
  1. 在我们所需要使用的页面引入ec-canvas
{
  "usingComponents": {
      "ec-canvas": "/ec-canvas/ec-canvas"
  }
}

  1. 这里就不做代码演示了，如果实在不太懂的小伙伴可以直接copy Echarts Demo的演示代码来进行更改使用


echarts-for-weixin Git Hub 仓库地址：https://github.com/ecomfe/echarts-for-weixin
在微信小程序中使用 ECharts方法 ：https://github.com/ecomfe/echarts-for-weixin/blob/master/README.md

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
禁止转载，如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容