关于ECharts图表显示颜色修改方式
更新时间：2023年03月06日 09:28:27 作者：OxygenBling
这篇文章主要介绍了关于ECharts图表显示颜色修改方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
ECharts图表显示颜色修改
需求
改变Echarts引入图表的显示颜色
解决方案
通过查询Echarts配置手册，color设置色板颜色列表。
如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。
默认的颜色列表如下：
['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']
配置color属性自定义颜色或改变颜色顺序
ECharts更改各种颜色大全
1.只要是echarts需要更改颜色的这个基本都能解决
选择好自己想要的色调和具体需要的颜色，对应的会出现效果
调整好后点击导出，然后在自己导入的echarts里加上就可以了
2.还有一种情况是legend未选中状态如何改变如图
legend: {
inactiveColor :'#8e8686',//未选中时的颜色
data: // ['标准值', '当前值', '当前均值', '目标均值', '昨日均值'],
['第一组','第二组','第三组','第四组'],
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了前端取消接口调用的相关资料,讲解了XMLHttpRequest和AbortController两种取消HTTP请求的方法,XMLHttpRequest通过abort()方法取消请求,而AbortController提供了一个更现代和灵活的解决方案,需要的朋友可以参考下2025-03-03
这篇文章主要为大家详细介绍了微信小程序实现tab左右切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-09-09
这篇文章主要为大家详细介绍了微信小程序实现红包功能，以及后端PHP实现逻辑，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
这篇文章主要介绍了微信小程序 TLS 版本必须大于等于1.2问题解决的相关资料,需要的朋友可以参考下2017-02-02
在JavaScript中进行小数运算时,会容易出现精度丢失的问题,例如在进行两个小数相加时,结果并不是预期的精确值,而是一个近似值,,使用第三方库Math.js可以避免精度丢失的问题,本文导入Math.js库和使用Math.js的方法来进行小数运算,同时还可以指定格式来保留小数位数2023-12-12
这篇文章主要介绍了ECMAScript6新增值比较函数Object.is的相关资料,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了JS遍历Json字符串中键值对的方法,先将Json字符串转换成JSON对象，再进行遍历，需要的朋友可以参考下2014-08-08
本文介绍了HTML5拖放事件的处理方法,包括拖放事件的触发顺序、dataTransfer对象的使用以及可拖动能力的设置,通过这些方法,可以实现更丰富的用户交互效果2024-11-11
基于JavaScript实现HarmonyOS备忘录服务卡片
这篇文章主要介绍了基于JavaScript实现HarmonyOS备忘录服务卡片，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-05-05
这篇文章主要介绍了js计算文本框输入的字符数，具有一定的参考价值，感兴趣的朋友可以参考一下2015-10-10
最新评论