浏览代码

Merge remote-tracking branch 'origin/lifeline_develop_siping' into lifeline_develop_siping

王哲 2 月之前
父节点
当前提交
5aa3cd2bf4
共有 1 个文件被更改,包括 35 次插入3 次删除
  1. 35 3
      src/views/useCenter.vue

+ 35 - 3
src/views/useCenter.vue

@@ -200,9 +200,7 @@ export default {
           type: "pie",
           radius: "50%",
           center: ["50%", "70%"],
-          color: ["rgb(131,249,103)", "#FBFE27", "#FE5050",
-            "#1DB7E5"
-          ], //'#FBFE27','rgb(11,228,96)','#FE5050'
+         
           data: [{
             name: "商业用户",
             value: this.businessUsers,
@@ -254,6 +252,40 @@ export default {
               shadowBlur: 50,
             },
           },
+		  itemStyle: {
+		  	borderRadius: 20,
+		  	normal: {
+		  		color: function(params) {
+		  			var colorList = [{
+		  					c1: ' #59c9fc', //管理
+		  					c2: '#2792a7'
+		  				},
+		  				{
+		  					c1: '#508DFF', //实践
+		  					c2: '#4558fe'
+		  				},
+		  				{
+		  					c1: '#66965b', //操作
+		  					c2: '#64e4a8'
+		  				},
+		  				{
+		  					c1: '#149ce4', //操作
+		  					c2: '#5ae4c6'
+		  				}
+		  			]
+		  			return new echarts.graphic.LinearGradient(1, 0, 0, 0,
+		  		[{ //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
+		  
+		  				offset: 0,
+		  				color: colorList[params.dataIndex].c1
+		  			}, {
+		  				offset: 1,
+		  				color: colorList[params.dataIndex].c2
+		  			}])
+		  			/*  return colorList[params.dataIndex]*/
+		  		}
+		  	}
+		  },
         },],
       };
       myChart.setOption(this.option, true);