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