如何在面积图上将负色作为渐变?

时间:2014-06-05 06:03:09

标签: highcharts

使用highcharts,我如何将负色作为渐变而不是实心填充?

我尝试了以下内容:

series: [{
    name: 'John',
    data: [5, -3, -4, 7, 2],
    negativeColor: {
        linearGradient: [0, 0, 0, 300],
        stops: [
            [0, 'rgb(255,47,47)'],
            [1, 'rgb(171,0,0)']
        ]
    },
    fillColor: {
        linearGradient: [0, 0, 0, 300],
        stops: [
            [0, 'rgb(0,141,3)'],
            [1, 'rgb(0,255,6)']
        ]
    }
}]

虽然,上面的代码只对正值应用渐变,而对负值应用实心填充。

我怎样才能做到这一点?

WORKING DEMO

1 个答案:

答案 0 :(得分:1)

尝试使用十六进制颜色并设置正确的停止点。

negativeColor: {
            linearGradient: [0, 100, 0, 300],
            stops: [
                [0, '#000000'],
                [1, '#ff0000']
            ]
        },

http://jsfiddle.net/zr4Ze/1/