HighCharts:如何将自定义颜色与渐变结合起来

时间:2013-02-13 10:29:17

标签: javascript colors highcharts radial-gradients

有一段时间我正在玩我的饼图着色......而且我得到的是没有渐变的自定义颜色,或者带渐变的默认颜色......我的颜色存储在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
        ]
    };
})

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

1 个答案:

答案 0 :(得分:7)

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