Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当以10秒的间隔填充新数据时,HighStock图表将在浏览器中进行更改_Javascript_Highcharts_Highstock - Fatal编程技术网

Javascript 当以10秒的间隔填充新数据时,HighStock图表将在浏览器中进行更改

Javascript 当以10秒的间隔填充新数据时,HighStock图表将在浏览器中进行更改,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,可能重复: 我实现了Highstock JS v1.1.4图表来表示数据 图表代码: chart = new Highcharts.StockChart({ chart: { renderTo: 'highchartviewpanel', events:{ load:function(){ setIntervalForhighchartdata(); }

可能重复:

我实现了Highstock JS v1.1.4图表来表示数据

图表代码:

chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'highchartviewpanel',
        events:{

            load:function(){
                setIntervalForhighchartdata();
            }
            }

    },
    rangeSelector: {
        buttons: [{
            count: 1,
            type: 'minute',
            text: '1M'
        },{
            count: 5,
            type: 'minute',
            text: '5M'
        },
        {
            count: 15,
            type: 'minute',
            text: '15M'
        }],
        selected:0,
        inputEnabled: false
    },
    navigator: {
    height: 40,
    xAxis: {

     valueDecimals: 1
       }
     },

    title: {
        text: 'payment analysis',
        floating: true,
        align: 'right',
        x: -20,
        top: 20
    },
    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            second : '%H:%M:%S',
            minute : '%H:%M',
            hour: '%H',
            day : '%b,%d',
            week : 'b,%d',
            month : '%Y,%b',
            year : '%Y'
        },
    valueDecimals: 0
    },
    yAxis: [
    {
        title: {
            text: 'item1'
        },
        height: 50,
        lineWidth: 2
    }, {
        title: {
            text: 'item2'
        },
        top: 90,
        height: 50,
        offset: 0,
        lineWidth: 2
    },{
        title: {
            text: 'item3'
        },
        top: 150,
        height: 50,
        offset: 0,
        lineWidth: 2
    }],
    series: [{
        name: 'item1',
        data: item1data,
        color:'blue'
       }, 
       {
        name: 'item2',
         yAxis: 1,
        data: item2data,
        color:'black'

    },{         
        name: 'item3',
        yAxis: 2,
        data: item3data,
        color:'red'

    }]
});
}

setIntervalForhighchartdata()是一个函数,它每10秒更新一次图表,我的数据值基于时间间隔xdata是datetime,ydata是1,2,3…的数据点


当图形更新时,它会挂起浏览器。再次调用之前,您调用的函数可能不会自动完成。我假设您使用的是
setInterval()
。如果是这样,我建议将其与
setTimeout()
结合使用


有关更多信息,请查看此线程-

我尝试使用setInterval()和setTimeout()方法,然后使用其挂起浏览器