HighStock navigator from a stacked area chart shows wrong series

Question

I got a little problem in HighStocks: I have two area series which are stacked. The problem: In the navigator at the bottom, just the first series is shown, not the resulted stacked chart.

(see http://jsfiddle.net/Je8eG/)

window.chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container'
    },

    plotOptions: {
        area: {
            stacking: 'normal'
        }
    },

    series: [{
        name: 'Series 1',
        data: [
            [Date.UTC(2010, 0, 1, 10), 53.5],
            [Date.UTC(2010, 0, 1, 10, 30), 59.5],
            [Date.UTC(2010, 0, 1, 11), 53.5],
            [Date.UTC(2010, 0, 1, 12), 28.5],
            [Date.UTC(2010, 0, 1, 13), 55.2]
        ],
        type: 'area'
    }, {
        name: 'Series 2',
        data: [
            [Date.UTC(2010, 0, 1, 10), 29.9],
            [Date.UTC(2010, 0, 1, 10, 30), 29.9],
            [Date.UTC(2010, 0, 1, 11), 29.9],
            [Date.UTC(2010, 0, 1, 12), 61.5],
            [Date.UTC(2010, 0, 1, 13), 53.4]
        ],
        type: 'area'
    }]
});

Is there a fix or workaround?

Paweł Fus Paweł Fus · Accepted Answer · 2013-03-01T12:53:14

Something like this is not supported. You can set specific series to a navigator, so I advice to sum on your own stacked series, and then pass to navigator, see: http://api.highcharts.com/highstock#navigator.series

HighStock navigator from a stacked area chart shows wrong series

1 Answers