|
@@ -33,8 +33,8 @@
|
|
|
import CostumeHeader from './CostumeHeader.vue';
|
|
|
import { RightCircleOutlined } from '@ant-design/icons-vue';
|
|
|
import MiniBoard from './MiniBoard.vue';
|
|
|
- import Gauge from '/@/components/chart/Gauge.vue';
|
|
|
import Pie from '/@/components/chart/Pie.vue';
|
|
|
+ import { EChartsOption } from 'echarts';
|
|
|
// import mapComponent from './components/3Dmap/index.vue';
|
|
|
|
|
|
// 设备类别,是个枚举 TODO: 将手动换为自动获取类别
|
|
@@ -79,21 +79,25 @@
|
|
|
}
|
|
|
|
|
|
// 图标相关
|
|
|
- const chartOption = {
|
|
|
+ const chartOption: EChartsOption = {
|
|
|
series: [
|
|
|
{
|
|
|
type: 'pie',
|
|
|
radius: ['50%', '75%'],
|
|
|
center: ['50%', '55%'],
|
|
|
data: [],
|
|
|
- labelLine: { show: true },
|
|
|
+ labelLine: { show: false },
|
|
|
label: {
|
|
|
- show: true,
|
|
|
- formatter: '{b} \n ({d}%)',
|
|
|
- color: '#B1B9D3',
|
|
|
+ show: false,
|
|
|
+ // formatter: '{b} \n ({d}%)',
|
|
|
+ // color: '#B1B9D3',
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ shadowBlur: 10,
|
|
|
},
|
|
|
},
|
|
|
],
|
|
|
+ color: ['#d9a1ff', '#00d1ff', '#82fe78'],
|
|
|
};
|
|
|
|
|
|
onMounted(() => {
|