echarts图表主题--马卡龙macarons--自己配置主题颜色

用过echarts的人都几道,他的官网风格颜色对比强烈,这样儿式的:
在这里插入图片描述
大多时候和你的项目风格难免冲突,它有一些风格配置,我觉得马卡龙这个配色就很好:
在这里插入图片描述
当然,既然是配置项,肯定不止这一种好看的,在官网上找到文档里的echarts样式编辑,里面有一个主题编辑器编辑器入口,打开如下:
在这里插入图片描述
看左边框选的地方,都是官方进行的配色方案,都挺好看的,完全可以满足需求,如果觉得实在无法满足,也可以看下面的配置菜单,自己配颜色,完了之后上面有一个导出配置,是一个.json文件,把这个文件放进你的项目里,用的时候引入:

// 假设主题名称是 "vintage"
$.getJSON('xxx/xxx/vintage.json', function (themeJSON) {
    echarts.registerTheme('vintage', JSON.parse(themeJSON))
    var chart = echarts.init(dom, 'vintage');
})

然后你就能看到灰常美丽的图表了。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值