關于ECharts圖表顯示顏色修改方式
更新時間：2023年03月06日 09:28:27 作者：OxygenBling
這篇文章主要介紹了關于ECharts圖表顯示顏色修改方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
ECharts圖表顯示顏色修改
需求
改變Echarts引入圖表的顯示顏色
解決方案
通過查詢Echarts配置手冊，color設置色板顏色列表。
如果系列沒有設置顏色，則會依次循環(huán)從該列表中取顏色作為系列顏色。
默認的顏色列表如下：
['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']
配置color屬性自定義顏色或改變顏色順序
ECharts更改各種顏色大全
1.只要是echarts需要更改顏色的這個基本都能解決
選擇好自己想要的色調和具體需要的顏色，對應的會出現效果
調整好后點擊導出，然后在自己導入的echarts里加上就可以了
2.還有一種情況是legend未選中狀態(tài)如何改變如圖
legend: {
inactiveColor :'#8e8686',//未選中時的顏色
data: // ['標準值', '當前值', '當前均值', '目標均值', '昨日均值'],
['第一組','第二組','第三組','第四組'],
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了Three.js中實現Bloom效果及完整示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
JavaScript使用DeviceOne開發(fā)實戰(zhàn)（二） 生成調試安裝包
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實戰(zhàn)（二） 生成調試安裝包的相關資料,需要的朋友可以參考下2015-12-12
網上找的一個超簡單的JS拖拽，喜歡拖拽效果的朋友可以參考下。2010-04-04
本文主要介紹了JS支付頁面倒計時的實現示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-03-03
isNaN函數 返回一個 Boolean 值，指明提供的值是否是保留值 NaN （不是數字）。2011-11-11
這篇文章主要介紹了頁面裝載js及性能分析方法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了微信小程序button標簽open-type屬性原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
用js調用迅雷下載代碼的二種方法，需要的朋友可以參考一下2013-04-04
javascript控制Div層透明屬性由淺變深由深變淺逐漸顯示
控制Div層透明屬性,由淺變深逐漸顯示,由深變淺逐漸消失，具體實現代碼如下，喜歡的朋友可以感受下2013-11-11
這篇文章主要介紹了JavaScript輸出所選擇起始與結束日期的方法,涉及javascript結合HTML5元素操作日期運算的相關實現技巧,需要的朋友可以參考下2017-07-07