小程序柱状图 |
您所在的位置：网站首页 › canvas柱状图 › 小程序柱状图 |
小程序柱状图
|
注意要点：
1，通过小程序提供的canvas组件来绘制。需要注意地方是自定义的组件的包含canvas的时候，创建 canvas 绘图上下文需要使用wx.createCanvasContext(canvasId, this)，有疑问请查看微信小程序api介绍https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html 2，使用canvasContext.setLineDash虚线完成之后，可以通过以下方式让之后的线条变回实线。 canvasContext.setLineDash([10,0],0)3，使用canvasContext.createLinearGradient渐变之后，可以通过以下方式让之后的画笔回归正常效果 let bgrd = context.createLinearGradient(0, 0, 1, 1); bgrd.addColorStop(0, items.point.bColor) bgrd.addColorStop(1, items.point.bColor) context.setFillStyle(bgrd); 效果图：git地址：https://github.com/fuxingkai/frankui-weapp |
【本文地址】
今日新闻 |
推荐新闻 |