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