Highcharts 动态图

简介: Highcharts 动态图

本章节我们将为大家介绍 Highcharts 的动态图。

我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。

每秒更新曲线图
chart.events
chart.event 属性中添加 load 方法(图表加载事件)。在 1000 毫秒内随机产生数据点并生成图表。

chart: {
events: {
load: function () {
// 图表每秒更新一次
var series = this.series[0];
setInterval(function () {
var x = (new Date()).getTime(), // 当期时间
y = Math.random();
series.addPoint([x, y], true, true);
}, 1000);
}
}
}
实例
文件名:highcharts_dynamic_spline.htm











目录
相关文章
|
2月前
Highcharts 3D图
Highcharts 3D图
73 5
|
7月前
|
JavaScript
vue + d3.js(v6) 绘制【树状图/思维导图】
vue + d3.js(v6) 绘制【树状图/思维导图】
207 0
|
前端开发 JavaScript API
Highcharts使用的一些总结
Highcharts使用的一些总结
85 0
|
9月前
|
数据可视化 IDE Java
PlanUML和Mermaid哪个好?
PlanUML和Mermaid哪个好?
890 0
mermaid
mermaid
169 0
|
JavaScript
vue项目:重温echart图表库,折线加柱状图。
vue项目:重温echart图表库,折线加柱状图。
197 0
vue项目:重温echart图表库,折线加柱状图。
|
JavaScript 前端开发 Java
|
Web App开发 移动开发 JavaScript