微信小程序如何编写折线图示例代码？

本文共计665个文字，预计阅读时间需要3分钟。

插件地址：[https://github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js](https://github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js)

微信小程序折线图效果：首先需要引入一个折线图插件，例如：XXX.xml。代码示例：

插件地址：github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js

微信小程序折线图效果：

首先需要引入一个折线图的插件：

XXX.xml 的代码：

<canvas style="width: 400px; height: 500px;" canvas-id="yueEle" binderror="canvasIdErrorCallback" ></canvas>

注意canvas-id="yueEle" 要与 JS中的canvasId: 'yueEle' 一样。才能显示图。

然后在XXX.js中配置：

1.在顶部写入：

2.写一个独立的方法（或者直接写在onload里面）：

我这里写的方法名是 getMothElectro ，我后面试在onload里面调用了的。