微信小程序實現折現圖

微信小程序實現折現圖

1.需要在網上下載wxcharts.js包，地址：https://www.oschina.net/p/wx-charts

2.wxml

<view class='charts'>
<canvas canvas-id='lineCanvas' disable-scroll='true' class='canvas'></canvas>
</view>

3.js

引用包，用@import也可以

const wxCharts=require('../wxcharts.js');

 onLoad: function (options) {
    new wxCharts({
      canvasId:"lineCanvas",
      type:'line',
      categories: ['2.18', '2.19', '2.20', '2.21', '2.22'],
      series:[{
        name:'成績',
        data:['70','80','60','70','50']
      }],
      width:290,
      height:150

    });

  },

4.效果如下