今天在學習使用echarts生成各種圖表。
然后在使用pie圖時出現我無論怎么更改代碼中的顏色,pie圖中各塊的顏色都十分相近,幾乎沒法區別塊與塊之間的區別,如下圖:
在下圖中,除了其中一塊的是紅色的,其它都是十分相近的白色,然后我無論怎么更改代碼中的rgb值,幾乎都沒有影響到這個圖中的主要顏色
然而我的代碼時參照echarts官方案例來寫的,最后都改得厘米級相似,按理說不應該有問題啊:Customized Pie
最后定位發現出問題的代碼所在了,主要就是visualMap這個配置的問題,官方代碼如下
在我的定位下,發現min和max值和顏色跨度是有關系的,同時這個值和你傳入的數據也是有關系的。這里的80和600就意味着它會把指定的顏色從淺到深划分為540個層次
由於官方數據分布比較均勻,同時數值也全部包含在80到600之間,所以成圖的顏色過渡很明顯。
而我的數據分布十分不均勻,數值從407到14329。其中只有407是在80-600之間的,其它全部越界了(越界應該是全部當做最大值600來處理),所以這就導致我的Pie圖只有2-3這一塊是紅色,其它都是十分相近的白色。
那么既然問題找到了,那么我就可以把min和max的差值調大一點來顯現效果吧
首先把差值改大到10000,效果顯著。但是為什么會出現白色呢?因為設置了colorLightness顏色明亮的,把里面的1改為0.5,然后就會發現全變紅色了
然而單一的紅色並不好看,所以我要增加顏色,首先是把itemStyle里面的顏色注釋掉,然后再在visualMap中新增顏色,顏色的rgb亂選了兩個233333
最后看效果,是不是顏色分塊很明顯啊
來源 https://www.cnblogs.com/kumu/p/9515169.html
https://wenku.baidu.com/view/79fc10914128915f804d2b160b4e767f5bcf804b.html