高图将渐变映射到 y 轴

Question

我正在尝试让渐变映射到我的 y 轴。我的最小值为 90，最大值为 150。我想要一个从上到下到 120 的黄色渐变，我希望它在浏览器中保持一致。我可以这样做吗？这是我的代码：

 $('#ao_vs_ppv').highcharts({
                            chart: {
                                    backgroundColor: 
                                    {
                                            linearGradient: [0, 215, 0, 220],
                                            stops: [
                                                    [0, 'rgb(255,255,50)'],
                                                    [1, 'rgb(255,255,255)']
                                            ]
                                    },
                                    type: 'scatter'
                            },
                            title: {
                                    text: 'Air Overpressure Vs. Peak Particle Velocity'
                            },
                            xAxis: {
                                    min: .010,
                                    max: 10,
                                    type: 'logarithmic',
                                    title: {
                                            text: "Peak Particle Velocuty (in/sec)"
                                    },
                                    labels: {
                                            overflow: 'justify'                 
                                    },
                                    tickmarkPlacement: 'on',
                                    gridLineWidth: 1
                            },
                            yAxis: {
                                    min: 90,
                                    max: 150,
                                    title: {
                                            text: 'Air Overpressure (dBL)'
                                    },
                                    tickInterval:10,
                                    labels: {
                                            overflow: 'justify'                         
                                    }
                            },
                            plotOptions: {
                                    scatter: {
                                            tooltip: {
                                                    headerFormat: '<b>{series.name}</b><br>',
                                                    pointFormat: 'AO: {point.y}dBL<br>PPV: {point.x}in/sec'
                                            }
                                    }
                            },
                            legend: {
                                    layout: 'horizontal',
                                    borderWidth: 1,
                                    backgroundColor: '#FFFFFF',
                                    shadow: true
                            },
                            series:formatHighChartsScatter(data[i]['x_data'],data[i]['y_data'], seismoNames)
                    });

Answer 1

从backgroundColor更改为plotBackgroundColor ，并使用对象格式，而不是像素格式，请参阅：http://jsfiddle.net/92Nw8/1/

$('#ao_vs_ppv').highcharts({
  chart: {
    plotBackgroundColor: {
        linearGradient: {
            x1: 0,
            x2: 0,
            y1: 1,
            y2: 0
        },
        stops: [
            [0, 'rgb(255,255,50)'],
            [1, 'rgb(255,255,255)']
        ]
    },
    type: 'scatter'
  }
}