最近在使用echarts 发现其功能真心不错。
但是在使用嵌套饼图时,发现内外圈无法联动,尤其将图例设置为内圈时,点击图例取消内圈饼图,外圈没有办法联动。
为了实现内外圈同时变化,这里发现一个echarts的小技巧,就是其控制都是通过控制series中data的name,那么将内外圈需要同事控制的部分设置为一样的名字,就可以实现内外圈联动。
但是在name相同时,会使默认分配颜色时相同,使颜色不好看,这里就需要给data自己分配颜色。
在这里先给大家分享一个色盘,比较鲜艳,适合白底背景的。
var colors=[
'#6EB6F2','#71F16F','#FFC000','#384C6C','#7577F8',
'#003366','#AEABAF','#00F4D2','#8084F1','#FF9F4E',
'#4FA2A9','#9a7fd1','#588dd5','#f5994e','#c05050',
'#59678c','#c9ab00','#7eb00a','#6f5553','#c14089',
'#FF4F7F','#CC6666','#7f7522','#2b4490','#333399',
'#70a19f','#009299'