echarts 嵌套饼图 内外圈图例联动

最近在使用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'
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值