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

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

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

微信小程序折线图效果：

1. 首先需要引入一个折线图的插件：XXX.xml

2.代码示例：

插件地址：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里面调用了的。