具有堆叠数据的 Highstock Flags 系列

Question

如果您尝试将堆叠系列与旗帜系列结合使用，则会出现一种奇怪的行为，即只会绘制旗帜系列。如果您在图例中切换它，一切都会正确绘制。

$("#container").highcharts({plotOptions: {series: {stacking: "normal"}}, ...});

我缺少什么配置才能使其正常运行？

Answer 1

Highstock 中存在错误，其中设置 plotOptions.series.stacking 会为标志设置相同的设置。当然，堆叠对标志不起作用，因为它们没有值。换句话说，解决方法是为标志设置 stacking = false：

    options.series.push({
        "stacking": false,  // disable stacking
        "show_in_legend": false,
        "name": "Flags",
        "type": "flags",
        "data": [{
            "x": 1432215000000.0,
            "title": "AM"
        }, {
            "x": 1432229400000.0,
            "title": "Midday"
        }, {
            "x": 1432245600000.0,
            "title": "Peak Hour"
        }, {
            "x": 1432247400000.0,
            "title": "Rolling, PM"
        }]
    });

演示：http://jsfiddle.net/x9gaca75/1/

具有堆叠数据的 Highstock Flags 系列

Highstock Flags Series with stacked data

highcharts

highstock