ECharts自定义白底黑字主题
白底黑字的 ECharts 主题,视觉清爽还挺通用的,适合做报表或者后台管理类的图表展示。你只需要在初始化图表的时候用customed
这个主题名,调用起来也挺顺的。
嗯,有时候默认的 ECharts 主题太花,看久了眼睛累,用这种简单点的白底黑字风格,干净利落。比如做数据看板,配合react-echarts或者Vue ECharts,整体搭起来还挺协调的。
记得先注册下主题,不然直接调用会报错。注册方式也不复杂,大致就像下面这样:
echarts.registerTheme('customed', {
backgroundColor: '#fff',
textStyle: {
color: '#000'
},
// ... 其他配置
});
你也可以参考下这几个链接,像echarts 模版和react-echarts,都有些实用的搭配技巧。
如果你打算做主题切换,那主题管家的实现思路也蛮值得看看,响应也快,用户体验不错。
,想要一个不累眼、风格统一的图表主题,白底黑字这个方案还挺稳。如果你还在纠结主题风格,不妨试试这个。
14.38KB
文件大小:
评论区