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

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

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

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

你可能感兴趣的:(Echarts)