ECharts图表显示颜色如何修改

发布时间:2023-03-06 11:12:42 作者:iii
来源:亿速云 阅读:195

本篇内容主要讲解“ECharts图表显示颜色如何修改”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ECharts图表显示颜色如何修改”吧!

ECharts图表显示颜色修改

需求

改变Echarts引入图表的显示颜色

解决方案

通过查询Echarts配置手册,color设置色板颜色列表。

如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色。

默认的颜色列表如下:

['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']

配置color属性自定义颜色或改变颜色顺序

ECharts图表显示颜色如何修改

ECharts更改各种颜色大全

1.只要是echarts需要更改颜色的这个基本都能解决

官方主题构建工具

ECharts图表显示颜色如何修改

选择好自己想要的色调和具体需要的颜色,对应的会出现效果

ECharts图表显示颜色如何修改

调整好后点击导出,然后在自己导入的echarts里加上就可以了

2.还有一种情况是legend未选中状态如何改变如图

ECharts图表显示颜色如何修改

      legend: {
        inactiveColor :'#8e8686',//未选中时的颜色
        data: //  ['标准值', '当前值', '当前均值', '目标均值', '昨日均值'],
          ['第一组','第二组','第三组','第四组'],

到此,相信大家对“ECharts图表显示颜色如何修改”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. 如何在微信小程序中使用Echarts方法
  2. Echarts教程之如何通过Ajax实现动态加载折线图

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

echarts

上一篇:React Context如何使用

下一篇:flask海康摄像头视频如何使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》