| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2024-11-04 16:32:04 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-11-05 17:42:44 |
| | | * @LastEditTime: 2024-11-19 15:33:32 |
| | | * @FilePath: \bigScreen\src\views\survey\components\box\fireContent.vue |
| | | * @Description: |
| | | * |
| | |
| | | { |
| | | name: '一般', |
| | | itemStyle: { |
| | | color: '#FFC000' |
| | | color: '#FFC000' |
| | | } |
| | | }, |
| | | { |
| | | name: '较大', |
| | | itemStyle: { |
| | | |
| | | |
| | | color: '#F4090F' |
| | | } |
| | | }, |
| | |
| | | } |
| | | ] |
| | | |
| | | function getRiskSource () { |
| | | function getRiskSource() { |
| | | getRiskSourceStatistic().then(res => { |
| | | let data = res.data.data |
| | | let dataRsult = [] |
| | | var total = 0; |
| | | var total = 0 |
| | | data.forEach(item => { |
| | | dataRsult.push({ |
| | | name: item.riskLevel, |
| | | value: item.num, |
| | | itemStyle: typeLevel.find(i => i.name == item.riskLevel).itemStyle |
| | | }) |
| | | total = total + item.num; |
| | | total = total + item.num |
| | | }) |
| | | |
| | | myEcharts.setOption({ |
| | |
| | | color: "#fff", |
| | | }, |
| | | textAlign: "center", |
| | | right: "43%", |
| | | left: "62%", |
| | | // right: "43%", |
| | | top: "36%", |
| | | }, |
| | | |
| | | legend: { |
| | | orient: "vertical", |
| | | top: '8%', |
| | | right: "8%", |
| | | top: "40%", |
| | | left: "5%", |
| | | textStyle: { |
| | | color: '#fff' |
| | | } |
| | | color: "#fff", |
| | | }, |
| | | }, |
| | | |
| | | grid: { |
| | |
| | | type: 'pie', |
| | | left: '-5%', |
| | | radius: ['45%', '75%'], |
| | | data: dataRsult |
| | | data: dataRsult, |
| | | left: "25%", |
| | | label: { |
| | | show: false, |
| | | }, |
| | | labelLine: { |
| | | show: false, |
| | | }, |
| | | } |
| | | ] |
| | | }) |