沿路径/笔划具有渐变的Chart.js甜甜圈图

时间:2019-01-20 20:44:58

标签: javascript canvas chart.js

我正在尝试使用chart.js实现此目标:

mockup of doughnut chart with gradient

请注意渐变如何跟随笔划,从0°处的红色开始到黄色为止,以黄色为结束,之间有一个平滑的渐变。

我尝试了搜索时发现的一些方法,但是不得不承认失败(至少我已经达到了画布和js技能的极限)...

使用常规的chart.js设置并使用以下命令进行自定义:

Chart.pluginService

对于居中位置的数字,这是我到目前为止的内容: http://jsfiddle.net/voodoo6/c2tzydv3/19/

我能找到最接近创建渐变的解决方案的地方是: Angle gradient in canvas

chart.js仓库here

中有与此相关的问题

我正在努力使其工作–是否有人使用chart.js实现了这一目标,或者不知道如何实现?

一如既往的感谢!

0 个答案:

没有答案