一次使用wxcharts做微信小程序图表功能采到的坑

谈一次使用wxcharts做微信小程序图表功能采到的坑

铃木千夏—前端小白

第一次写博客,记录自己采到的坑,希望下次再遇到类似的不会这么头疼,也希望你们能少走些弯路。

wxcharts柱状图

从网上找了wxcharts.js插件并下载发现画出来的每个柱状图的柱子上面的数据的文字默认是灰色的,这对于图表背景为暗色的看起来很不友好:

自己从网上找了很多,不断地百度,有说改context.setFillStyle(’#666666’);这段代码的,但不知道在哪儿写啊

wxcharts.js

无意中发现在wxcharts.js中有一个函数drawPointText(),在这里边修改contex.setFillstyle的颜色就可以啦!

以下是未修改时的代码

如下: 一次使用wxcharts做微信小程序图表功能采到的坑

修改后(这里把字体改成了白色):
一次使用wxcharts做微信小程序图表功能采到的坑

当然,这里边的很多东西都可以根据自己的需求修改。

写这篇文章希望能够帮助你们,同时也避免自己再次入坑。