關于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: // ['標準值', '當前值', '當前均值', '目標均值', '昨日均值'],
['第一組','第二組','第三組','第四組'],
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了前端取消接口調用的相關資料,講解了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拖放事件的處理方法,包括拖放事件的觸發(fā)順序、dataTransfer對象的使用以及可拖動能力的設置,通過這些方法,可以實現更豐富的用戶交互效果2024-11-11
基于JavaScript實現HarmonyOS備忘錄服務卡片
這篇文章主要介紹了基于JavaScript實現HarmonyOS備忘錄服務卡片，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-05-05
這篇文章主要介紹了js計算文本框輸入的字符數，具有一定的參考價值，感興趣的朋友可以參考一下2015-10-10