Highcharts导航器不使用数据集

时间:2014-10-30 18:36:29

标签: javascript jquery highcharts highstock

有人可以看看这个例子吗?它在我使用较小的数据集时起作用,但是当我使用较大的历史数据集时,它会停止工作并且数据系列不会呈现。请帮忙。

小数据集示例 - http://jsfiddle.net/Yrygy/250/

大型数据集示例(SERIES DOES NOT RENDER) - http://jsfiddle.net/Yrygy/249

var chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container',
        height: 120
    },
    navigator: {
        series: {
            data: chartData
        }
    },
    series: [{
        data: [null],
        markers: {
            enabled:true
        }
    }]
});

2 个答案:

答案 0 :(得分:0)

您需要按升序时间顺序对数据进行排序。目前,您的“大型”数据集不是。

答案 1 :(得分:0)

有几个问题。首先,正如@wergeld所说,您需要对数据进行排序:

chartData.sort(function(a,b) { return a[0] - b[0]; });

然后问题在于导航器的设置选项:

    navigator: {
        series: [{
            name: 'MSFT',
            data: chartData
        }]
    },

什么时候应该是一个对象,而不是一个数组:

    navigator: {
        series: {
            name: 'MSFT',
            data: chartData
        }
    },

最后一个,你真的需要设置xAxis.min/max吗?当你有时间戳如

时,特别是值2和4

工作演示:http://jsfiddle.net/Yrygy/253/