具有不规则 X 间隔的高图表堆积区域

Question

在使用Highcharts几周后，我们面临着生成适合数据结构的图表的问题。如果有人能给我们一个提示，那就太好了。

问题是这样的：

• 我们要为 2 个或更多系列创建一个堆叠面积图。
• 由于我们的 x 值具有不规则的间隔，我们尝试为每个数据点 [x，y] 设置值对

但是，面积图不会堆叠我们的 y 值。有什么建议吗？

这是我们问题的一个例子：链接到jsFiddle

感谢您的帮助！

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'area'
        },
        title: {
            text: 'Irregular point intervalls stacked area'
        },
        yAxis: {
            title: {
                text: 'value'
            }
        },
        plotOptions: {
            area: {
                dataLabels: {
                    enabled: true
                },
                stacked: 'normal'
            }
        },
        series: [{
            name: 'test 1',
            data: [[0, 7.0], [1, 6.9], [1.5, 9.5], [3, 14.5]]
        }, {
            name: 'test 2',
            data: [[0, 3.9],[1, 4.2], [1.5, 5.7], [3, 8.5]]
        }]
    });
});

Answer 1

你必须使用堆叠而不是堆叠在plotOptions->区域中

stacking: 'normal',

更新了你在 http://jsfiddle.net/FX7XE/2/摆弄

希望这对你有用