Highcharts - 具有负值的面积样条线，面积应始终位于底部

我想用 Highcharts 创建一个带有负值的图表，如下所示：

http://jsfiddle.net/vargapeti/LjL03o8h/3/ http://jsfiddle.net/vargapeti/LjL03o8h/3/

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'areaspline'
        },
        title: {
            text: 'Area chart with negative values'
        },
        yAxis: {
            title: {
                text: 'value'
            }
        },
        plotOptions: {
            area: {
                dataLabels: {
                    enabled: true
                },
                stacked: 'normal'
            }
        },
        series: [{
            name: 'Area with negative values',
            data: [[0, -7.0], [1, 6.9], [1.5, 9.5], [3, -6]],
            fillColor : {
              linearGradient : [0, 0, 0, 300],
              stops : [
                  [ 0, Highcharts.Color('#FFA500').setOpacity(1).get('rgba') ],
                  [ 1, Highcharts.Color('#ffffff').setOpacity(0.3).get('rgba') ]
              ]
        }
        },
        {
            name: 'Area with positive values',
            data: [[0, 13.0], [1, 26.9], [1.5, 29.5], [3, 14]],
            fillColor : {
              linearGradient : [0, 0, 0, 300],
              stops : [
                  [ 0, Highcharts.Color('#d2d8df').setOpacity(1).get('rgba') ],
                  [ 1, Highcharts.Color('#ffffff').setOpacity(0.3).get('rgba') ]
              ]
        }
        }        

                ],

    });
});

然而，我需要橙色区域始终位于 X 轴和曲线之间，无论负值如何。所以基本上我想将曲线“正值区域”移至零以下，但将填充区域保留在曲线下方。

无论如何，Highcharts 可以吗？

谢谢。

我不完全理解你的问题。

要绘制零以上的值，您可以执行以下操作，

        yAxis: {               
            min:0
        },

检查这个小提琴：http://jsfiddle.net/LjL03o8h/5/ http://jsfiddle.net/LjL03o8h/5/