Javascript Highcharts甜甜圈仅可选部分着色

我已经使用甜甜圈可视化创建了一个highcharts环。 JSFIDLE是 现在，我想给25%的灰色弧涂上与其他两个弧相同的蓝色。 我该怎么做

基本上需要更改的代码如下：

data: [{
                name: 'fire',
                x: "Firefox",
                y: 33,
                color: 'grey'
            }

---

使用OP中的更多信息进行编辑

为此，可以使用color.linearGradient方法。看这个

我正在设置linearGradient并删除通常的x2和y2，因为对我来说这看起来更好。但是请注意，它仍然有点模糊。您可以使用这些设置来找出最适合您的用例的设置

旧答案： 如果您只想让它与其他两个项目具有相同的颜色，请执行以下操作：

data: [{
                name: 'fire',
                x: "Firefox",
                y: 33,
                color: 'rgb(124, 181, 236)'
            }

---

问题不是很清楚，但这是静态设置的方式。

我只想给25%的灰色环上色。这就是问题所在。我不想100%用蓝色涂。我知道这是一个复杂的要求，但事实就是如此。现在这太好了！！只有我看到的阴影，并可能会删除，有硬切断为蓝色。谢谢

data: [{
                name: 'fire',
                x: "Firefox",
                y: 33,
                color: 'rgb(124, 181, 236)'
            }