Highcharts / Highstock导航器不会反映主要图表数据

时间:2014-02-23 11:25:16

标签: javascript highcharts highstock

我试图使用Highstock中的柱形图在时间轴上表示多系列事件。由于某种原因,导航器不会显示主图表中所有系列的数据。它似乎与单个系列绑定,但我在API reference中找不到任何可以显示所有数据的内容。

enter image description here

jsFiddle:jsFiddle Example

Highcharts.stockChart配置:

chart = new Highcharts.StockChart({
    chart: {
        alignTicks: true,
        animation: true,
        backgroundColor: '#fff',
        events: {
            load: function (e) {
                this.xAxis[0].setExtremes(1398859200000, 1414753200000);
            }
        },
        ignoreHiddenSeries: true,
        renderTo: $('#chart')[0]
    },
    colors: [
        '#89f1a4',
        '#68d9f7',
        '#9eb9ef',
        '#c49eef'
    ],
    credits: {
        enabled: false
    },
    legend: {
        align: 'center',
        borderWidth: 0,
        enabled: true,
        navigation: {
            animation: true
        },
        shadow: false,
        verticalAlign: 'top'
    },
    rangeSelector: {
        enabled: false
    },
    scrollbar: {
        enabled: false
    },
    title: {
        text: ''
    },
    tooltip: {
        crosshairs: false,
        shared: true
    },
    navigator: {
        height: 40,
        margin: 10,
        maskFill: 'rgba(233, 233, 233, 0.7)',
        outlineWidth: 0,
        series: {
            type: 'column',
            stacking: 'normal',
            dataGrouping: {
                enabled: true,
                forced: true,
                units: [[
                    'week',
                    [1]
                ]]
            }
        }
    },
    plotOptions: {
        series: {
            showInLegend: true,
            stacking: 'normal',
            dataGrouping: {
                enabled: true,
                forced: true,
                units: [[
                    'week',
                    [1]
                ]]
            }
        }
    },
    yAxis: {
        gridLineWidth: 0,
        labels: {
            enabled: false
        },
        max: 24,
        min: 0,
        ordinal: false
    },
    xAxis: {
        dateTimeLabelFormats: {
            millisecond: '%H:%M:%S.%L',
            second: '%H:%M:%S',
            minute: '%H:%M',
            hour: '%H:%M',
            day: '%e. %b',
            week: '%b %Y',
            month: '%b %Y',
            year: '%Y'
        },
        labels: {
            style: {
                color: '#ccc'
            }
        },
        minRange: 604800000,
        ordinal: false
    },
    series: data
});

我的问题: 如何让导航器反映主图表中的完整数据?

1 个答案:

答案 0 :(得分:0)

截至2016年,这是still unsupported功能。