Javascript Highcharts/HighStock发行，系列在动态更新中消失

我有一个高库存区域图，使用JSON api。每n秒，图表以点为单位调用增量的API

几分钟后，左侧系列消失，但是，如果将鼠标移到左侧系列上，标签仍会显示。发生在Mac和Windows、FF IE Chrome和Safari上。非常感谢您的帮助

您可以在此处查看演示：

更新：如果我使用下面的代码，从highcharts网站获取，它似乎可以工作。现在只需要替换随机数据的初始负载

$(function () {

Highcharts.setOptions({
    global : {
        useUTC : true
    }
});

// Create the chart
$('#container').highcharts('StockChart', {
    chart : {
        events : {
            load : function () {

                // set up the updating of the chart each second
                var series = this.series[0];
                setInterval(function () {

                    var _update_url = 'http://api.bullionmark.com/v1/ask?currencyId=2&commodityId=1';

                    $.ajax({
                        type: 'GET',
                        url: _update_url}).done(function (resp1) {

                            var x2 = parseInt(resp1.Timestamp) * 1000;
                            var y2 = parseFloat(resp1.Current);

                            //var x = (new Date()).getTime(), // current time
                            //y = Math.round(Math.random() * 100);

                            series.addPoint([x2, y2], true, true);

                        });

                }, 5000);
            }
        }
    },

    rangeSelector: {
        buttons: [{
            count: 1,
            type: 'minute',
            text: '1M'
        }, {
            count: 5,
            type: 'minute',
            text: '5M'
        }, {
            type: 'all',
            text: 'All'
        }],
        inputEnabled: false,
        selected: 0
    },

    title : {
        text : 'Live random data'
    },

    exporting: {
        enabled: false
    },

    series : [{
        name : 'Random data',
        type : 'area',
        data : (function () {
            // generate an array of random data
            var data = [], time = (new Date()).getTime(), i;

            for (i = -999; i <= 0; i += 1) {
                data.push([
                    time + i * 1000,
                    Math.round(Math.random() * 100)
                ]);
            }
            return data;
        }())
    }]
});

});

$（函数（）{
Highcharts.setOptions({
全球：{
是的
}
});
//创建图表
$（“#容器”）.highcharts（'StockChart'{
图表：{
活动：{
加载：函数（）{
//设置图表的每秒更新
var系列=本系列[0]；
setInterval（函数（）{
var\u update\u url='1http://api.bullionmark.com/v1/ask?currencyId=2&commodityId=1';
$.ajax({
键入：“GET”，
url:_update_url}）.done（函数（resp1）{
var x2=parseInt（响应时间戳）*1000；
var y2=浮动（响应1.电流）；
//var x=（新日期（））.getTime（），//当前时间
//y=数学圆（数学随机（）*100）；
系列。添加点（[x2，y2]，真，真）；
});
}, 5000);
}
}
},
范围选择器：{
按钮：[{
计数：1，
键入：“分钟”，
文字：“1M”
}, {
计数：5，
键入：“分钟”，
文字：“5M”
}, {
键入：“全部”，
文字：“全部”
}],
输入：错误，
已选：0
},
标题：{
文本：“实时随机数据”
},
出口：{
已启用：false
},
系列：[{
名称：'随机数据'，
类型：'区域'，
数据：（函数（）{
//生成一个随机数据数组
变量数据=[]，时间=（新日期（））.getTime（），i；
对于（i=-999；我知道你的演示只显示黑屏。尝试http而不是https。对我来说，虽然大约10秒后。后端API很慢。对我来说工作正常。我需要等待多长时间？无论如何，将Highstock更新到2.1.7。我明天会更新。我让它用fiddler运行检查，看不到任何空值或任何东西。似乎要中断一个小时4次滴答声后，20或25分钟。有没有可能将“5*60*1000”更改为例如1分钟？另外，尝试删除渐变-可能解析该颜色时出错。