echarts饼图设置颜色(简单粗暴法)

主要思路就是给每个数据添加itemStyle属性,注意要加normal,不然无效。
上代码

 series: [
          {
            name: "血压情况",
            type: "pie",
            minAngle: 10,
            radius: "60%",
            center: ["25%", "45%"],
            data: [
              {
                value: this.bloodL,
                name: "低",
                itemStyle: {
                  normal:{
                     color: "#84E363"
                  }
                },
              },
              {
                value: this.bloodN,
                name: "正常",
                itemStyle: {
                  normal:{
                    color: "#4C82FF"
                  }
                  
                },
              },
              {
                value: this.bloodH,
                name: "高",
                itemStyle: {
                  normal:{
                    color: "#48A3E3"
                  }
          
                },
              },
              {
                value: this.bloodBN,
                name: "危险",
                itemStyle: {
                  normal:{
                    color: "#F6A851"
                  }
                  
                },
              },

记录一下遇到的坑
接到需求,需要画一个饼图,使用echarts很顺利弄出来,上色,刚开始是设置了color数组,顺时针排序,问题不大,但是测试数据中有0的数据,导致颜色对不上,遂放弃这种方法。

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值