小程序 微信统计表格_微信小程序中使用ECharts实现报表图表展示-小程序统计图插件-微信小程序统计图...

Echarts可视化工具很方便的解决了统计图表的问题，但是微信小程序是不支持DOM操作，后来在Echarts官网找到了微信小程序的版本。

开始上代码了，首先要在index.wxml中定义，我要在一个页面中使用两个图表

!--index.wxml--

viewclass="containerForm"

ec-canvasid="mychart-dom-multi-bar"canvas-id="mychart-multi-bar"ec="{ {ecBar}}"/ec-canvas

ec-canvasid="mychart-dom-multi-scatter"canvas-id="mychart-multi-scatter"ec="{ {ecPie}}"/ec-canvas

/view

index.js中

import*asechartsfrom'../../../ec-canvas/echarts';

1:引入插件，插件可以在官网定制http://echarts.baidu.com/builder.html

2:为了方便赋值，这里建立两个全局变量变量是根据业务情景，关于猪的

varbarGraph=null;

varpieChart=null;

3:在page模块种的data里加入

data:{

ecBar:{

onInit:function(canvas,width,height){

barGraph=echarts.ini