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