| | |
|---|
| | | { |
|---|
| | | name: '机巢事件统计', |
|---|
| | | type: 'pie', |
|---|
| | | roseType: 'radius', |
|---|
| | | radius: ['20%', '70%'], |
|---|
| | | center: ['50%', '45%'], |
|---|
| | | // roseType: 'radius', |
|---|
| | | radius: ['40%', '70%'], |
|---|
| | | // center: ['50%', '45%'], |
|---|
| | | // radius: '70%', // 设置饼图的半径 |
|---|
| | | center: ['50%', '50%'], // 调整饼图位置 |
|---|
| | | data: [], |
|---|
| | | // [ |
|---|
| | | // { name: '国土类', value: 0, itemStyle: { color: '#3D7FFF' } }, |
|---|
| | | // { name: '城管类', value: 0, itemStyle: { color: '#8277E9' } }, |
|---|
| | | // { name: '消防类', value: 0, itemStyle: { color: '#FFB77E' } }, |
|---|
| | | // { name: '林业类', value: 0, itemStyle: { color: '#44D7B6' } }, |
|---|
| | | // { name: '公安类', value: 0, itemStyle: { color: '#62F4FF' } } |
|---|
| | | // ], |
|---|
| | | label: { |
|---|
| | | show: true, |
|---|
| | | position: 'outside', |
|---|
| | |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .task-industry { |
|---|
| | | width: 276px; |
|---|
| | | width: 276px; |
|---|
| | | height: 100%; |
|---|
| | | background: #FFFFFF; |
|---|
| | | border-radius: 8px 8px 8px 8px; |
|---|
| | | margin-left: 9px; |
|---|
| | | margin-left: 10px; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | font-family: Segoe UI, Segoe UI; |
|---|
| | | padding: 10px 0 10px 16px; |
|---|
| | |
|---|
| | | color: #363636; |
|---|
| | | line-height: 18px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .chart { |
|---|
| | | width: 100%; |
|---|
| | | height: 180px; |
|---|
