github 地址:
https://github.com/xiaolin3303/wx-charts.git
。
wx-charts
基于canvas 绘制,支持图表类型(饼图 pie、圆环图 ring、线图 line、柱状图 column、区域图 area、雷达图 radar)。
- 直接引入编译好的文件
dist/charts.js
。let Charts = require('./../../utils/wxcharts.js');
- 在 WXML 中定义 canvas 组件。
<canvas canvas-id="myCanvas"></canvas>
- 在 JS 中实例化 Charts。
new Charts({ canvasId: 'myCanvas', type: 'pie', series: [{ name: '一班', data: 50 }, { name: '二班', data: 30 }, { name: '三班', data: 20 }], width: 640, height: 400, dataLabel: true, });