echarts3使用timelinechanged加载动态数据

本文介绍了Echarts3中的timeline组件,它允许在多个ECharts配置间切换和播放。当timeline发生变化时,通过'timelinechanged'事件处理逻辑,实现动态更新图表数据。使用myChart.setOption()接口设置和更新图表,并通过myChart.getOption()获取合并后的配置项和交互状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

timeline组件:提供了在多个 ECharts option 间进行切换、播放等操作的功能.timeline 和其他组件有些不同,它需要操作『多个option』。我们把 ECharts 的传统的option 称为原子option,那么使用 timeline 时,传入 ECharts 的 option 就成为了一个集合多个原子option的复合option

var dataMap = {};
function dataFormatter(obj) {//年月
    var pList = ['北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西', '山东', '河南', '湖北', '湖南', '广东', '广西', '海南', '重庆', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆'];
    for (var year = 2002; year <= 2006; year++) {
        for (var i = 1; i <= 12; i++) {
            var month = (i > 9 ? '' + i : '0' + i);
            var temp = obj[year + month];
            for (var j = 0, l = temp.length; j < l; j++) {
                obj[year + month][j] = {
                    name: pList[j],
                    value: obj[year + month][j]
                }
            }
        }
    }
    return obj;
}
function dataFormatter(obj) {
    var pList = ['北京','天津','河北','山西','内蒙古','辽宁','吉林','黑龙江','上海','江苏','浙江','安徽','福建','江西','山东','河南','湖北','湖南','广东','广西','海南','重庆&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值