echart纵向时间轴_ECharts3实现动态数据+时间坐标轴的操作

本文展示了如何使用ECharts3创建一个动态数据与时间坐标轴结合的图表。通过实时更新X轴为当前时间,Y轴显示累积数据,提供了可直接在ECharts3实例中运行的代码示例,帮助理解动态数据和时间轴的交互操作。
摘要由CSDN通过智能技术生成

对ECharts3官网中动态数据+时间坐标轴实例进行了修改,X轴为当前时间,并数据累积。

可在ECharts3实例中的代码框中粘贴直接查看效果。function randomData() {

now = new Date(+now + 1000);

value = value + Math.random() * 21 - 10;

return {

name: now.toString(),

value: [

now,

Math.round(value)

]

}

}var data = [];var now = new Date();var value = Math.random() * 1000;

option = {

title: {

text: '动态数据 + 时间坐标轴'

},

tooltip: {

trigger: 'axis',

formatter: function (params) {

params = params[0];

var date = new Date(params.name);

return date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear() + ' : ' +

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值