diff --git a/src/views/dashboard/charts/ChipYield.vue b/src/views/dashboard/charts/ChipYield.vue index aa0641e..2f740cb 100644 --- a/src/views/dashboard/charts/ChipYield.vue +++ b/src/views/dashboard/charts/ChipYield.vue @@ -95,7 +95,6 @@ export default { .chip-yield { height: 0; flex: 1; - background: #c0c1; display: flex; gap: 12px; diff --git a/src/views/dashboard/charts/ChipYieldChart.vue b/src/views/dashboard/charts/ChipYieldChart.vue index 863004b..f32e116 100644 --- a/src/views/dashboard/charts/ChipYieldChart.vue +++ b/src/views/dashboard/charts/ChipYieldChart.vue @@ -45,7 +45,7 @@ export default { title: { text: "78%", left: "48%", - top: "35%", + top: "40%", textAlign: "center", textStyle: { fontWeight: 600, @@ -165,7 +165,7 @@ export default { watch: { /** 全屏状态切换时,对柱子粗细和字体大小进行相应调整 */ isFullscreen(val) { - this.options.title.top = val ? "40%" : "35%"; + // this.options.title.top = val ? "40%" : "37%"; this.options.title.textStyle.fontSize = val ? 48 : 32; this.options.title.subtextStyle.fontSize = val ? 18 : 14; this.initOptions(this.options); diff --git a/src/views/dashboard/charts/LeftChartBase.vue b/src/views/dashboard/charts/LeftChartBase.vue index 81f66b1..658695b 100644 --- a/src/views/dashboard/charts/LeftChartBase.vue +++ b/src/views/dashboard/charts/LeftChartBase.vue @@ -12,7 +12,7 @@ v-for="item in legend" :key="item.label" class="legend-item" - :style="{ fontSize: isFullscreen ? '16px' : '12px' }" + :style="{ fontSize: isFullscreen ? '0.58vw' : '0.54vw' }" >{{ item.label }} @@ -213,7 +213,7 @@ export default { .legend-item { position: relative; - font-size: 12px; + // font-size: 12px; margin-right: 0.67vw; &::before { diff --git a/src/views/dashboard/charts/RightChartBase.vue b/src/views/dashboard/charts/RightChartBase.vue index 03ad3be..3247c81 100644 --- a/src/views/dashboard/charts/RightChartBase.vue +++ b/src/views/dashboard/charts/RightChartBase.vue @@ -12,7 +12,7 @@ v-for="item in legend" :key="item.label" class="legend-item" - :style="{ fontSize: isFullscreen ? '16px' : '12px' }" + :style="{ fontSize: isFullscreen ? '0.58vw' : '0.54vw' }" >{{ item.label }} @@ -248,7 +248,7 @@ export default { .legend-item { position: relative; - font-size: 12px; + // font-size: 12px; margin-right: 0.67vw; &::before {