| | |
| | | clip: false, // 是否裁剪超出部分 |
| | | // 设置背景圆环样式 |
| | | lineStyle: { |
| | | width: 6, // 圆环宽度 |
| | | color: [[1, '#002865']] // 圆环背景色 |
| | | width: 10, // 圆环宽度 |
| | | color: [[1, '#ecf6ff']] // 圆环背景色 |
| | | } |
| | | }, |
| | | // 仪表盘指针 |
| | |
| | | detail: { |
| | | // 中心title设置 |
| | | offsetCenter: ['0%', '0%'], |
| | | color: '#01F8FF', |
| | | color: '#dedddd', |
| | | formatter: '{value}%' |
| | | // borderColor: '#01F8FF', |
| | | // borderRadius: 20, |
| | |
| | | .progressChart { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | .chart { |
| | | width: 100%; |
| | | height: 75%; |
| | |
| | | .bottom { |
| | | display: inline-block; |
| | | width: 100%; |
| | | color: #01f8ff; |
| | | color: #dedddd; |
| | | text-align: center; |
| | | font-size: 14px; |
| | | margin-top: 10px; |
| | | } |
| | | } |
| | | |
| | | </style> |