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的数据,导致颜色对不上,遂放弃这种方法。

你可能感兴趣的:(vue)