| | |
| | | itemStyle: { color: "#29c194" }, |
| | | }, |
| | | { |
| | | value: that.yj, |
| | | legendname: "预警", |
| | | name: "预警", |
| | | itemStyle: { color: "#F34A4A" }, |
| | | }, |
| | | { |
| | | value: that.gz, |
| | | legendname: "故障", |
| | | name: "故障", |
| | |
| | | ]; |
| | | |
| | | var sum = 0; |
| | | |
| | | m2R2Data.forEach((item) => { |
| | | sum += item.value; |
| | | }); |
| | | |
| | | sum +=that.yj; |
| | | // sum +=that.yj; |
| | | |
| | | var option = { |
| | | title: [ |
| | |
| | | ], |
| | | tooltip: { |
| | | trigger: "item", |
| | | formatter: function (parms) { |
| | | var str = |
| | | parms.marker + |
| | | "" + |
| | | parms.data.legendname + |
| | | "</br>" + |
| | | "数量:" + |
| | | parms.data.value + |
| | | "</br>" + |
| | | "占比:" + |
| | | parms.percent + |
| | | "%"; |
| | | return str; |
| | | }, |
| | | // formatter: function (parms) { |
| | | // var str = |
| | | // parms.marker + |
| | | // "" + |
| | | // parms.data.legendname + |
| | | // "</br>" + |
| | | // "数量:" + |
| | | // parms.data.value + |
| | | // "</br>" + |
| | | // "占比:" + |
| | | // parms.percent + |
| | | // "%"; |
| | | // return str; |
| | | // }, |
| | | formatter: "{b}: {c} ({d}%)", |
| | | }, |
| | | series: [ |
| | | { |
| | |
| | | } |
| | | .pie-total-container { |
| | | display: flex; |
| | | border: 1px solid transparent; |
| | | padding: 20px 0; |
| | | } |
| | | .info-active { |