微信小程序中使用图表插件 wx-charts_微信小程序的图表插件

github 地址：https://github.com/xiaolin3303/wx-charts.git。

wx-charts 基于canvas 绘制，支持图表类型（饼图 pie、圆环图 ring、线图 line、柱状图 column、区域图 area、雷达图 radar）。

1. 直接引入编译好的文件 dist/charts.js。

   let Charts = require('./../../utils/wxcharts.js');
   1

2. 在 WXML 中定义 canvas 组件。

   <canvas canvas-id="myCanvas"></canvas>
   1

3. 在 JS 中实例化 Charts。

   new Charts({
        canvasId: 'myCanvas', 
        type: 'pie',
        series: [{ name: '一班', data: 50 }, { name: '二班', data: 30 }, { name: '三班', data: 20 }],
        width: 640,
        height: 400,
        dataLabel: true,
   });
   1
   2
   3
   4
   5
   6
   7
   8