在highchart区域的一半上设置backgroundColor？

Question

这是我的小提琴： http : //jsfiddle.net/highcharts/4rTBY/

chart: {
    renderTo: 'container',
    backgroundColor: {
        linearGradient: { x1: 0, y1: 0,  x2: 0, y2: 0 },
        stops: [
            [0, 'rgb(255, 255, 255)'],
            [0.5, 'rgb(200, 200, 255)']
        ]
    },
    type: 'line'
}

当我们使用backgroundColor整个背景都会变色。 我只希望图表背景的50％从底部开始变色。

提前致谢

Answer 1

我指定了三个点，所有三个点都位于屏幕中间（ x: 0.5 ）。 三分的原因是，页面的其余部分继续绘制最近的点的颜色，如果您指定了两点，它将是渐变的。 我将前两个点彼此靠近，这样渐变效果就不会显示：

linearGradient: { x1: 0.5, y1: 0.5, x2: 0.5, y2: 0.51, x3: 0.5, y3: 1 },
stops: [[0, 'rgb(255, 255, 255)'],
        [1, 'rgb(200, 200, 255)'],
        [2, 'rgb(200, 200, 255)']]

这是小提琴： http : //jsfiddle.net/4rTBY/625/