在高亮区域的一半设置背景颜色？

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/