HighCharts：如何将自定义颜色与渐变相结合

Question

现在我正在玩饼图的着色......我得到了没有渐变的自定义颜色，或者有渐变的默认颜色......我的颜色存储在 php 字段中，我想像这样加载colors: <?echo $myColors;?> 。 我的代码的实际状态是这样的（它显示带有渐变的默认颜色）：

colors: Highcharts.map(Highcharts.getOptions().colors, function(color) {
    return {
        radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
        stops: [
                [0, color],
                [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
        ]
    };
})

我应该如何编辑它以便它以简单的方式显示我自己的颜色？我也没有找到什么是“停止”选项...

Answer 1

在 map 中使用您的颜色，而不是 Highcharts 内置的颜色：

colors: Highcharts.map(<?echo $myColors;?>, function(color) {
    return {
        radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
        stops: [
                [0, color],
                [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
        ]
    };
})