diff --git a/src/components/cockpit/indicatorDistribution/index.vue b/src/components/cockpit/indicatorDistribution/index.vue index 217fc7f..52079b3 100644 --- a/src/components/cockpit/indicatorDistribution/index.vue +++ b/src/components/cockpit/indicatorDistribution/index.vue @@ -189,18 +189,7 @@ const initProbabilityData = () => { nameLocation: 'middle', nameGap: 50, data: ['0-20%', '20-40%', '40-60%', '60-80%', '80-100%'], - axisLine: { - lineStyle: { - color: '#111' - } - }, - axisLabel: { - color: '#111', - margin: 15 - }, - nameTextStyle: { - color: '#111' - } + }, yAxis3D: { type: 'category', @@ -208,22 +197,9 @@ const initProbabilityData = () => { nameLocation: 'middle', nameGap: 50, data: yAxisData, - nameTextStyle: { - color: '#111' - }, - axisLine: { - show: true, - lineStyle: { - color: '#111' - } - }, - axisLabel: { - color: '#111', - margin: 15 - }, + splitLine: { lineStyle: { - color: ['#111'], type: 'dashed', opacity: 0.5 } @@ -234,19 +210,8 @@ const initProbabilityData = () => { name: '越限次数', nameLocation: 'middle', nameGap: 30, - nameTextStyle: { - color: '#111' - }, - axisLine: { - lineStyle: { - color: '#111' - } - }, - axisLabel: { - color: '#111' - }, - min: 0, - max: zAxisMax // 使用计算出的最大值加5 + minInterval: 10, + // max: 100 }, grid3D: { diff --git a/src/components/cockpit/transientDistribution/index.vue b/src/components/cockpit/transientDistribution/index.vue index 61e0efe..48ef14e 100644 --- a/src/components/cockpit/transientDistribution/index.vue +++ b/src/components/cockpit/transientDistribution/index.vue @@ -302,34 +302,17 @@ const tableStore: any = new TableStore({ type: 'category', name: '特征幅值', data: xLabels, - axisLine: { - lineStyle: { - color: '#111' - } - }, - axisLabel: { - color: '#111' - } + nameGap: 40, + }, yAxis3D: { type: 'category', name: '持续时间', data: yLabels, - nameTextStyle: { - color: '#111' - }, - axisLine: { - show: true, - lineStyle: { - color: '#111' - } - }, - axisLabel: { - color: '#111' - }, + nameGap: 40, + splitLine: { lineStyle: { - color: ['#111'], type: 'dashed', opacity: 0.5 } @@ -337,15 +320,16 @@ const tableStore: any = new TableStore({ }, zAxis3D: { type: 'value', - splitNumber: 10, minInterval: 10, - name: '暂态事件次数' + name: '暂态事件次数', + nameGap: 30, }, grid3D: { viewControl: { projection: 'perspective', distance: 250 }, + boxWidth: 200, boxDepth: 80, light: { @@ -369,20 +353,8 @@ const tableStore: any = new TableStore({ borderWidth: 1 } }, - itemStyle: { - opacity: 1 - }, - emphasis: { - label: { - textStyle: { - fontSize: 20, - color: '#900' - } - }, - itemStyle: { - color: '#900' - } - } + + } ] } diff --git a/src/views/pqs/cockpit/homePage/index.vue b/src/views/pqs/cockpit/homePage/index.vue index 7d76e4e..4dc28eb 100644 --- a/src/views/pqs/cockpit/homePage/index.vue +++ b/src/views/pqs/cockpit/homePage/index.vue @@ -123,7 +123,8 @@ const dataList: any = ref({}) // 获取主内容区域高度 const getMainHeight = () => { const elMain = document.querySelector('.el-main') as HTMLElement | null - zoom.value = layout.value.length==1?1: (elMain?.offsetHeight ?? 0) / 1080 + zoom.value = + layout.value.length == 1 ? 1 : (elMain?.offsetHeight ?? 0) > 1080 ? 1 : (elMain?.offsetHeight ?? 0) / 1080 // console.log('🚀 ~ getMainHeight ~ elMain:', elMain?.offsetHeight) return ((elMain?.offsetHeight || 0) - 70) / zoom.value }