Javascript Chart.js沿路径/笔划渐变的圆环图

我正试图使用chart.js实现这一点：

请注意渐变是如何跟随笔划的，从0°处的红色开始，以黄色结束，中间有一个平滑的渐变

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

使用常用的chart.js设置并使用以下工具进行自定义：

Chart.pluginService

对于居中位置的数字，这是我到目前为止得到的：

我能找到的最接近创建渐变的解决方案是：

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

我正在努力让它工作——有人使用chart.js实现了这一点，或者知道如何实现吗

像往常一样谢谢你