| | |
| | | orient: "vertical", |
| | | top: "25%", |
| | | right: "5%", |
| | | itemGap: 2, //块之间的间距 |
| | | itemHeight: 5, |
| | | itemGap: 5, //块之间的间距 |
| | | itemHeight: 5, // 设置图例项的高度 |
| | | itemWidth: 5, // 设置图例项的宽度 |
| | | data: ["生产", "完成", "待机", "警告", "故障"], |
| | | textStyle: { |
| | | color: "#fff", |
| | | fontSize: 10, |
| | | fontSize: 8, |
| | | }, |
| | | formatter: (name) =>{ |
| | | let res=this.option.series[0].data.filter(item=>item.name==name) |
| | |
| | | } |
| | | .box-container{ |
| | | position: relative; |
| | | /* border: 1px solid red; */ |
| | | } |
| | | </style> |
| | |
| | | textStyle:{ |
| | | color:'#fff' |
| | | }, |
| | | itemHeight: 5, // 设置图例项的高度 |
| | | itemWidth: 5, // 设置图例项的宽度 |
| | | data: [ |
| | | { |