Highcharts甜甜圈戒指着色只有选择性部分

Question

我使用甜甜圈可视化创建了一个highcharts环。 jsfiddle是here 现在，我想要使用与其他2个弧相同的蓝色来着色25％的灰色弧。 我怎么能这样做？

基本上需要更改的代码在这里：

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

Answer 1

使用OP提供的更多信息进行编辑。

要执行此操作，您可以使用color.linearGradient方法。请参阅此example。

{
            name: 'Browsers',
            data: [{
                name: 'fire',
                x: "Firefox",
                y: 33,
                color: {
                    linearGradient: {
                        x1: 0,
                        y1: 0
                    },
                    stops: [
                        [0, 'rgb(124, 181, 236)'],
                        [0.25, 'rgb(124, 181, 236)'],
                        [0.50, 'gray'],
                        [0.75, 'gray'],
                        [1, 'gray']
                    ]
                }
            }

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

旧答案： 如果您只是希望它与其他2个项目具有相同的颜色：

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

问题不是很明确，但这就是你静态设置它的方式。