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

铃木千夏—前端小白

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

wxcharts柱状图

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

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

wxcharts.js

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

以下是未修改时的代码

如下:

修改后（这里把字体改成了白色）:

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

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

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

wx-charts 微信小程序图表插件
阅读数:9460 微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧,支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好 ...
微信小程序图表插件（wx-charts）
微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个. wx- ...
微信小程序图表插件 - wx-charts
微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个. wx-c ...
小程序微信统计表格_微信小程序图表插件（wx-charts）
微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个. wx-c ...
c#怎么做windows窗体小程序_个人想做微信小程序怎么做？
在我们以往人的印象中,想要做电商,想要当线上商家,就需要有一个自己的网站,然后在上面挂上自己的商品进行销售,或者入驻于淘宝等电商平台中,开店铺,而微信小程序的出现,则打破了这一规律,商家可以在微信平台 ...
小程序 php转excel,做微信小程序上传数据数据格式？-微信上传数据生成excle
做微信小程序上传数据数据格式? 建议找人专门制作设计好,专业的事情交给专业的人做,自己浪费时间还不一定能搞好如何把微信里的excel传到qq上 1.在手机中先箭头所示的"微信" ...
怎么做微信小程序？做微信小程序的步骤
不管是公司企业还是个体户商家,都有考虑过做一个微信小程序来给自己提供一些帮助.那么对于不太了解小程序的公司企业个体户商家来说,不知道怎么做微信小程序,下面就分享做微信小程序的步骤. 步骤一:小程序账号 ...
使用uniapp做微信小程序，在小程序编辑器运行时编译报错：appid不合法，导致启用不了。
使用uniapp做微信小程序,在小程序编辑器运行时编译报错:appid不合法,导致启用不了.这个好坑爹啊,我这么淑女的小可爱都想骂人了,我好累,写个博客发泄发泄吧! 复现我的问题:神操作--代码跟别人 ...
微信上python小课骗局_聊聊 Python 做微信小程序自动化，那些踩过的坑？
1. 场景之前写过微信小程序的几种方式,对于有源码的小程序推荐使用微信开放的 SDK 来做自动化,否则只能使用原生或 WebView 的方式. 最近在用 Python + Appium 在微信小程 ...

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

铃木千夏—前端小白

wxcharts柱状图

wxcharts.js

以下是未修改时的代码

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

最新文章

热门文章