| | |
| | | orient: "vertical", |
| | | top: "25%", |
| | | right: "5%", |
| | | // itemGap: 20, |
| | | itemHeight: 5, |
| | | itemGap: 5, //块之间的间距 |
| | | itemHeight: 8, // 设置图例项的高度 |
| | | itemWidth: 5, // 设置图例项的宽度 |
| | | data: ["生产", "完成", "待机", "警告", "故障"], |
| | | textStyle: { |
| | | color: "#fff", |
| | | fontSize: 10, |
| | | fontSize: 8, |
| | | }, |
| | | formatter: (name) =>{ |
| | | let res=this.option.series[0].data.filter(item=>item.name==name) |
| | |
| | | series: [ |
| | | { |
| | | type: "pie", |
| | | radius: ["25%", "40%"], |
| | | // radius: ["20%", "30%"], |
| | | // center: ["33%", "50%"], |
| | | radius: ["20%", "30%"], |
| | | center: ["38%", "50%"], |
| | | avoidLabelOverlap: false, |
| | | // left: "-30%", |
| | |
| | | /* height:5.2rem; */ |
| | | transform: scaleY(2); |
| | | } |
| | | .box-container{ |
| | | position: relative; |
| | | } |
| | | </style> |