Highcharts甜甜圈環僅着色部分

Question

我已經使用甜甜圈可視化創建了一個highcharts環。 jsfiddle現在在這里 ，我想為25％的灰色弧着色，使藍色與其他2個弧相同。 我怎樣才能做到這一點 ？

基本上需要更改的代碼在這里：

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

Answer 1

使用OP中的更多信息進行編輯。

為此，您可以使用color.linearGradient方法。 請參閱此示例 。

{
            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 ，這對我來說看起來更好。 注意，它仍然是模糊的。 您可以使用這些設置來找出最適合您的用例的方法。

舊答案：如果您只希望它具有與其他兩項相同的顏色，請執行以下操作：

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

問題不是很清楚，但這是您如何靜態設置它。