關(guān)于ECharts圖表顯示顏色修改方式
ECharts圖表顯示顏色修改
需求
改變Echarts引入圖表的顯示顏色
解決方案
通過查詢Echarts配置手冊,color設(shè)置色板顏色列表。
如果系列沒有設(shè)置顏色,則會(huì)依次循環(huán)從該列表中取顏色作為系列顏色。
默認(rèn)的顏色列表如下:
['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']
配置color屬性自定義顏色或改變顏色順序
ECharts更改各種顏色大全
1.只要是echarts需要更改顏色的這個(gè)基本都能解決
選擇好自己想要的色調(diào)和具體需要的顏色,對應(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-04JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(二) 生成調(diào)試安裝包
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(二) 生成調(diào)試安裝包的相關(guān)資料,需要的朋友可以參考下2015-12-12一個(gè)超簡單的JS拖拽實(shí)現(xiàn)代碼(兼容IE,Firefox)
網(wǎng)上找的一個(gè)超簡單的JS拖拽,喜歡拖拽效果的朋友可以參考下。2010-04-04JS支付頁面倒計(jì)時(shí)的實(shí)現(xiàn)示例
本文主要介紹了JS支付頁面倒計(jì)時(shí)的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03微信小程序button標(biāo)簽open-type屬性原理解析
這篇文章主要介紹了微信小程序button標(biāo)簽open-type屬性原理解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01javascript控制Div層透明屬性由淺變深由深變淺逐漸顯示
控制Div層透明屬性,由淺變深逐漸顯示,由深變淺逐漸消失,具體實(shí)現(xiàn)代碼如下,喜歡的朋友可以感受下2013-11-11JavaScript輸出所選擇起始與結(jié)束日期的方法
這篇文章主要介紹了JavaScript輸出所選擇起始與結(jié)束日期的方法,涉及javascript結(jié)合HTML5元素操作日期運(yùn)算的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-07-07