echarts的pie圖中，各區塊顏色的調整

阿新 • • 發佈：2018-08-22

是把 img 使用 bubuko color 發現圖表 echart 出了

今天在學習使用echarts生成各種圖表。

然後在使用pie圖時出現我無論怎麽更改代碼中的顏色，pie圖中各塊的顏色都十分相近，幾乎沒法區別塊與塊之間的區別，如下圖：

在下圖中，除了其中一塊的是紅色的，其它都是十分相近的白色，然後我無論怎麽更改代碼中的rgb值，幾乎都沒有影響到這個圖中的主要顏色

技術分享圖片

然而我的代碼時參照echarts官方案例來寫的，最後都改得厘米級相似，按理說不應該有問題啊：Customized Pie

最後定位發現出問題的代碼所在了，主要就是visualMap這個配置的問題，官方代碼如下

技術分享圖片

在我的定位下，發現min和max值和顏色跨度是有關系的，80和600就意味著它會把指定的顏色從淺到深劃分為540個層次

由於官方數據分布比較均勻，所以成圖的顏色過渡很明顯

技術分享圖片

而我的數據分布十分不均勻，導致我的Pie圖只有2-3,3-4,9-10這相鄰的三塊給拼出了紅色，其它都是十分相近的白色

技術分享圖片

那麽既然問題找到了，那麽我就可以把min和max的差值調大一點來顯現效果吧

首先把差值改大到10000，效果顯著。但是為什麽會出現白色呢？因為設置了colorLightness顏色明亮的，把裏面的1改為0.5，然後就會發現全變紅色了

技術分享圖片

然而單一的紅色並不好看，所以我要增加顏色，首先是把itemStyle裏面的顏色註釋掉，然後再在visualMap中新增顏色，顏色的rgb亂選了兩個233333

技術分享圖片

最後看效果，是不是顏色分塊很明顯啊

技術分享圖片

剛接觸echarts，如果說的有什麽問題的地方，歡迎提出來~~~

echarts的pie圖中，各區塊顏色的調整

是把 img 使用 bubuko color 發現圖表 echart 出了今天在學習使用echarts生成各種圖表。然後在使用pie圖時出現我無論怎麽更改代碼中的顏色，pie圖中各塊的顏色都十分相近，幾乎沒法區別塊與塊之間的區別，如下圖：在下圖中，除了其中一塊的是紅

CAD看圖中，如何將顏色相同的圖層關閉

點擊 log roc 我們如果第一步 ima type 們的當我們在使用CAD看圖軟件時，如果我們想將圖紙中顏色相同的圖層關閉時，我們應該怎麽做呢？今天小編就來教教大家，在使用CAD看圖時，如何將顏色相同的圖層關閉！第一步：首先要下載一個看圖軟件，並完成安裝，小編用

統計名字列表中，各名字的首字母在名字列表中出現的次數

統計名字列表中各名字的首字母在名字列表name_list=[‘foster‘,"janet",‘jessus‘,‘david‘] count_dict={} for i in name_list: count_dict[i]="".join(name_list).count(i[0]) print

使用Pangolon在同一副圖中，畫出兩個軌跡，比較誤差

轉載：https://www.cnblogs.com/feifanrensheng/p/8628900.html 使用 code/ground-truth.txt 和 code/estimate.txt 兩條軌跡。請你根據上面公式,實現 RMSE 的計算程式碼,給出最後的 RMSE 結果。作為驗

軟體設計師之路 --------UML類圖符號，各關係說明

UML簡述----Unified Modeling Language

cocos creator 粒子特效中，使貼圖不改變顏色

cocos creator 粒子特效之貼圖不變色直接貼圖， start color start color 變化範圍 End color 結束顏色的變化範圍貼圖

在CSS3中，可以利用transform功能來實現文字或圖像的旋轉、縮放、傾斜、移動這四種類型的變形處理

for skew 文字 values alt 實例垂直 -o 移動 CSS3中的變形處理(transform)屬 transform的功能分類 1.旋轉 transform:rotate(45deg); 該語句使div元素順時針旋轉45度。deg是CSS 3的“V

JS中，二維數組，數組內部各數乘積

二維 ret i++ multi cnblogs code wrap style func 如果你有一個二維數組，可以使用相同的邏輯，先遍歷外面的數組，再遍歷裏面的子數組。下面是一個例子： function multiplyAll(arr) { var produc

獲取應用版本號，版本名稱，包名，AppName，圖標，是否是系統應用，獲取手機中所有應用，所有進程

pac version raw 是否系統 app bsp agen nco PackageManager packageManager = getPackageManager(); PackageInfo packageInfo; = packageManager.get

C# ArcgisEngine開發中，對一個圖層進行過濾，只顯示符合條件的要素

layer style where sky 要求我們 ase get filter 轉自原文 C# ArcgisEngine開發中，對一個圖層進行過濾，只顯示符合條件的要素有時候，我們要對圖層上的地物進行有選擇性的顯示，以此來滿足實際的功能要求。按下面介紹的

建立一個帶頭結點的單向鏈表，鏈表中的各結點按結點數據中的數據遞增有序鏈接，函數fun的功能是：把形參x的值放入一個新結點並插入鏈表中，使插入後各結點數據域中的數據仍保持遞增有序

print lis void clu ret div clas head number #include <stdio.h> #include <stdlib.h> #define N 8 typedef struct l

當input中的type值為file時，各瀏覽器的表現形式不同

button tex ati color 不同 ack 需要標簽圖片如果想使各瀏覽器下的表現形式相同，需要對該input元素隱藏，然後再改元素下方添加標簽。其html寫法如下 <div class="input-file"> <input type

對於halcon與MFC或c#編程中，當寫入滾輪放縮圖像時，圖像會閃屏的解決方法

lena 清除必須 pty temporary csdn 名稱方法等級 //會閃屏的代碼，更新圖像函數如下（以MFC為例）******************************************************* void CGeomLocat

Dijkstra 算法，用於對有權圖進行搜索，找出圖中兩點的最短距離

我們全部保持 blog 短路徑找到 gif動畫信息初始 Dijkstra 算法，用於對有權圖進行搜索，找出圖中兩點的最短距離，既不是DFS搜索，也不是BFS搜索。把Dijkstra 算法應用於無權圖，或者所有邊的權都相等的圖，Dijkstra 算法等同於BFS搜

阿裏資深技術專家：在各階段中，3年經驗的程序員應該具備哪些技術能力（進階必看）

Java 後端進階 3年工作經驗的Java程序員應該具備哪些技術能力，這可能是Java程序員們比較關心的內容。我這裏要說明一下，以下列舉的內容不是都要會的東西，但是你掌握得越多，最終能得到的評價、拿到的薪水勢必也越高。1、基本語法這包括static、final、transient等關鍵字的作用，

python，使用百度api實現復制截圖中的文字

content nsh AD con 讀取 __name__ return IT now() 百度雲文字識別技術文檔： https://cloud.baidu.com/doc/OCR/OCR-Python-SDK.html#.E6.96.B0.E5.BB.BAAipOcr

淺談C#語言中的各種數據類型，與數據類型之間的轉換

優化配置 line com 歸類浮點初學者結構 ali 順序什麽是數據類型？數據類型，百度百科是這樣解釋的：數據類型在數據結構中的定義是一個值的集合以及定義在這個值集上的一組操作。這樣的解釋對於一個初學者來說未必太過於深奧。簡單點說，數據類型就是不同長度的數據的

【轉】依賴註入的威力，.NET Core的魅力：解決MVC視圖中的中文被html編碼的問題

lan .config don nsa nco tor options ring 解決有園友在博問中提了這樣一個問題 —— .NET Core 中文等非英文文字html編碼輸出問題，到我們的 ASP.NET Core 項目中一看，也是同樣的問題。比如下面的Razor視圖

在wpf datagrid中，想要根據一個條件來改變datagrid行的背景顏色

修改 ++ ini orb 方法名 rgb .cn html over 原文:在wpf datagrid中，想要根據一個條件來改變datagrid行的背景顏色在wpf

在Bootstrap開發框架的前端視圖中使用@RenderPage實現頁面內容模塊化的隔離，減少復雜度

技術分享 url 邏輯 asp.net 發的說明一個處理流分隔在很多開發的場景中，很多情況下我們需要考慮抽象、以及模塊化等方面的內容，其目的就是為了使得開發的時候關註的變化內容更加少一些，整體開發更加簡單化，從而減少開發的復雜度，在Winform開發的時候，往往可

echarts的pie圖中，各區塊顏色的調整

相關推薦