HighCharts定时刷新图表

发布时间：2020-05-25 03:40:27 所属栏目：PHP 来源：互联网

导读：假设图表容器的id为exChart，如下：div height:450px; id=chart1. 首先在series中声明id，如下：series: [{id : exSeries, // id声明为exSeriesname : 测试数据,data : [] // 填充需要的数据}]2. 创建定时器刷新数据// 首先获取serievar exSeries = $(#chart)

假设图表容器的id为exChart，如下：

series:: 'exSeries', name : '测试数据',: [] }]

exSeries = $('#chart').highcharts().get('exSeries' setInterval( data = [1,3,5,1 exSeries.setData(data,,,,5000);

如果要实现实时数据的增量效果，即数据总是从右向左推进，可考虑将data设置为变量，然后在数据的头部弹出一个数字，在数据的尾部压入一个数字，如下：
data = [1,1 now = Math.random() * 10 data. data. exSeries.setData(data,);
刷新X轴数据采用setCategories方法，如：$('#chart').highcharts().xAxis[0].setCategories(date);

HighCharts定时刷新图表

series:: 'exSeries', name : '测试数据',: [] }]

exSeries = $('#chart').highcharts().get('exSeries' setInterval( data = [1,3,5,1 exSeries.setData(data,,,,5000);

（编辑：安卓应用网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!