Echarts图标初始化实例的时候传入的参数

本文介绍了Echarts的初始化过程,着重讨论了如何设置主题色(深色或浅色)、渲染器(canvasvsSVG),并分析了在不同场景下选择canvas和SVG的优缺点,尤其是在数据量大和移动端性能优化方面。


一般我们初始化实例的时候都是这么写的

其实echarts.init()还可以传入另外两个选项,

第二个选项为主题色

分为深色主题以及浅色主题,默认为浅色主题,传入light

深色主题的话可以传入dark

 第三个选项为option

但是用得比较多的是渲染器renderer

默认渲染方式为canvas,也可以传入svg

canvas vs  svg  

对于它们之间的取舍,一直是没有一个明确的、标准的答案的,那具体到底怎么选呢?

canvas: 更适合绘制图形元素数量非常大,数据量大的图标,也利于实现某种视觉特效

svg:在不少场景中,svg具有重要的优势,它的内存占用更低(这对移动端尤其重要),渲染性能略高并且用户使用浏览器内置的缩放功能时不会模糊。


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值