ECharts3 实现数据动态更新3+时间坐标,数据累积
来源:互联网 发布:微老板软件 编辑:程序博客网 时间:2024/06/05 10:55
代码修改自ECharts3文档异步数据加载和更新中的数据的动态更新部分,原示例固定显示若干数据,简单进行了修改,数据累积加上时间坐标。
是否累积数据的关键在于shift(),去掉shift()之后即累积数据。
其实ECharts3之后更新数据挺简单的,越来越清晰。
var date = [];var data = [Math.random() * 150];var now = new Date();function addData() { ss=now.getTime() % 60000 seconds=ss = (ss - (ss % 1000)) / 1000 now = [now.getHours(),now.getMinutes(),seconds].join(':'); date.push(now); data.push((Math.random() - 0.4) * 10 + data[data.length - 1]); now = new Date();}option = { xAxis: { type: 'category', boundaryGap: false, data: date }, yAxis: { boundaryGap: [0, '20%'], type: 'value' }, series: [ { name:'成交', type:'line', smooth:true, symbol: 'none', stack: 'a', areaStyle: { normal: {} }, data: data } ]};setInterval(function () { addData(true); myChart.setOption({ xAxis: { data: date }, series: [{ name:'成交', data: data }] });}, 1000);
阅读全文
1 0
- ECharts3 实现数据动态更新3+时间坐标,数据累积
- ECharts3 实现动态数据累积图2+时间坐标
- ECharts3 实现动态数据累积图
- ECharts3 实现 AJAX异步加载 数据库数据
- Echarts3.0的简单使用,动态获取数据
- Java JTable 实现数据动态更新
- echarts3 饼图 柱形图 显示数据
- Listview动态更新数据
- 动态更新highcharts数据
- Mybatis动态更新数据
- 动态更新全局数据
- Kettle:利用设置变量(时间戳)实现数据增量更新
- JTable的使用示例,实现动态更新数据
- 润乾报表 填报表实现动态更新数据
- matplotlib实现根据实时数据动态更新图形
- Echarts3.0+Ajax请求数据柱状图实例
- openxml实现数据更新
- Echarts3通过ajax动态获取数据,30秒定时图表数据,设置图表线条颜色和粗细
- 博客搬家说明
- 二分查找的应用
- Windows下tracert命令
- C# WinForm GDI
- 使用Jquery.cookie.js遇到的一些问题
- ECharts3 实现数据动态更新3+时间坐标,数据累积
- ES高级查询,高亮显示
- 基于Jenkins的定时任务监控
- 在ERP中定义用户时报错:SqlDateTime 溢出。必须介于 1/1/1753 12:00:00 AM 和 12/31/9999 11:59:59 PM 之间
- WPF无边框拖动、全屏、缩放
- css中的权重
- 丑数,即只有2,3,5因子的整数,找出第n 个丑数
- Intellij IDEA 2017 Maven导入依赖包失败 Pom.xml不报错,MavenProjects红色波浪线。
- 图像特征点检测与匹配评价——量化指标