ECharts 样式设置

本文介绍了ECharts 4版本中新增的light和dark主题选项,如何通过JS或JSON文件实现主题切换,并详细讲解了如何配置调色盘以控制图表颜色。

ECharts4 开始,除了默认主题外,内置了两套主题,分别为 light 和 dark。

目前主题下载提供了 JS 版本和 JSON 版本。

如果你使用 JS 版本,可以将 JS 主题代码保存一个 主题名.js 文件,然后在 HTML 中引用该文件,最后在代码中使用该主题。

比如上图中我们选中了一个主题,将 JS 代码保存为 wonderland.js

如果主题保存为 JSON 文件,那么可以自行加载和注册。

比如上图中我们选中了一个主题,将 JSON 代码保存为 wonderland.json。

调色盘可以在 option 中设置。

调色盘给定了一组颜色,图形、系列会自动从其中选择颜色。

可以设置全局的调色盘,也可以设置系列自己专属的调色盘

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值