echarts2.0和3.0差别

本文对比了ECharts 2.0与3.0的主要区别,包括南丁格尔图设置方式的变化、拖拽重计算属性的调整、百度地图使用方式的不同、样式设置语法的更新及新增的媒体查询功能。

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

最近在公司学习echarts,刚接触的时候感觉好牛逼的技术,时间长了感觉还是好牛逼。。。。。

因为公司要兼容ie8所以一开始选的是2.0版本,学过一段时间之后对3.0版本比较好奇就去看了下,目前我知道2.0和3.0的区别有

1 . 南丁格尔图设置, 2.0  roseType: 'radius/area';   3.0   roseType: 'angle',

2 . 拖拽重计算属性     , 2.0  calculable : true/false;     3.0   已经没有了

3 .    ----------------------------------------------          3.0  echarts小程序版本(没用过)

4 . 百度地图使用方式不同;

5 . 普通样式和鼠标放上去样式写法不同, 2.0 是  lable/itemStyle/lineStyle:{ normal: {普通样式},emphasis: {鼠标放上去样式}}

                                                                3.0  是单独有个属性emphasis:{鼠标放上去样式}

6 . 3.0可以再option:{}中设置 jquery的media,

 media: [ // 这里定义了 media query 的逐条规则。
        {
            query: {...},   // 这里写规则。
            option: {       // 这里写此规则满足下的option。
                legend: {...},
                ...
            }
        },
        {
            query: {...},   // 第二个规则。
            option: {       // 第二个规则对应的option。
                legend: {...},
                ...
            }
        },
        {                   // 这条里没有写规则,表示『默认』,
            option: {       // 即所有规则都不满足时,采纳这个option。
                legend: {...},
                ...
            }
        }
    ]

可以多个media  用法和jquery用法相同


学的时间有点短 目前只知道这些区别, 以后学习会注意区别再来补充

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值