javascript - 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
        ]
    };
})