首页 > 解决方案 > Chart.js 圆环图,沿路径/笔划渐变

问题描述

我正在尝试使用 chart.js 来实现这一点:

带渐变的甜甜圈图模型

注意渐变是如何跟随笔画的,从 0° 处的红色开始到黄色结束,两者之间有一个平滑的渐变。

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

使用通常的 chart.js 设置和自定义使用:

Chart.pluginService

对于中央放置的号码,这是我到目前为止所拥有的:http: //jsfiddle.net/voodoo6/c2tzydv3/19/

我能找到的最接近创建渐变的解决方案是: 画布中的角度渐变

在chart.js repo 上有一个与此相关的问题

我正在努力让它工作 - 有没有人使用 chart.js 实现了这一点,或者知道如何做到这一点?

像往常一样感谢!

标签: javascriptcanvaschart.js

解决方案


推荐阅读