【wxCharts.js】微信小程序图表charts组件

1,153 阅读1分钟

wx-charts

git: github.com/xiaolin3303…
在小程序里做个折线图,对比现在已有的小程序图表插件,EChartsAntVF2wxCharts, 建议使用前两个,wxCharts很久没有维护过了,而且功能也没有前两个丰富,但是wxCharts体积小,如果功能满足,可以使用后者。
  • 具体配置文档在 git 里有详细的说明。
  • 本次配置时遇到一个问题:在自定义组件(components)中无法渲染canvas。在查阅了相关问题后找到了原因所在。

wxcharts.js的1928行添加参数opts.componentInstance,具体如下所示:

this.context = wx.createCanvasContext(opts.canvasId, opts.componentInstance);

然后调用的代码里面需要传入componentInstance: this参数, this指代的是自定义组件的实例。

微信官方文档

以上转自:github.com/xiaolin3303…