使用echarts雷达图 增加legend并使图例颜色和serise中的线条颜色相对应

增加legend图例

var name = ['声压比', '谐波比', '高频比', '复杂度', '异常抗性', '健康分'];
legend: {
                        left:'right',
                        top:'top',
                        orient:'vertical',
                        textStyle:{
                            color: ['pink', 'yellow', 'green', 'red','black','orange']    //设置字体颜色
                        },
                        data: name   //图例名称
 },

颜色相对应

   刚开始改动样式时,上网搜了许多方法,其中很多说法都是在option中配置一个全局的color属性,将其颜色一一对应data中的数据即可。

但我把这个属性
在我把这个属性写入配置中后,发现并没有出现预期的效果(在同事编写的基础上改动),然后将配置中的颜色属性一个个排查,最终发现在serise中配置了itemStyle属性

在这里插入图片描述
在这里插入图片描述
把这个删除,就实现了预期的结果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值