diff --git a/src/components/other/index.vue b/src/components/other/index.vue index 186822f..5224ac0 100644 --- a/src/components/other/index.vue +++ b/src/components/other/index.vue @@ -324,11 +324,12 @@ {{ setTitle }} --> - - + + - + + + @@ -703,9 +704,7 @@ const paramsHistory = ref({ intervalType: 1, // 时间间隔类型:1-1天, 2-3天, 3-7天 }); // 图表数据 -const chartsDatas = ref({ - r: [], -}); +const chartsDatas = ref([]); const uChartsOp = ref({}); // 图表参数 const chartConf = reactive({ @@ -780,7 +779,7 @@ Taro.useDidShow(() => { onMounted(() => { const sysInfo = Taro.getSystemInfoSync(); let cWidth = (700 / 750) * sysInfo.screenWidth; - let cHeight = (165 / 750) * sysInfo.windowHeight; + let cHeight = (220 / 750) * sysInfo.windowHeight; let pixelRatio = sysInfo.pixelRatio; chartConf.cWidth = cWidth; chartConf.cHeight = cHeight; @@ -1141,7 +1140,7 @@ function drawCharts(type) { console.log('📅 天数:', dayDev.value); if (!data || data.length === 0) { - console.error('❌ 数据为空,无法绘制图表'); + console.log('⚠️ 数据为空,不绘制图表'); loading.value = false; return; } @@ -1503,7 +1502,8 @@ function createCharts(x, series, ids) { scrollAlign: "left", labelCount: 7, rotateLabel: true, - rotateAngle: 25, + rotateAngle: 30, + marginTop: 10, }, yAxis: { disableGrid: false, @@ -2078,6 +2078,16 @@ defineExpose({ height: 330px; width: 100%; } +.loading-container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 10; + display: flex; + align-items: center; + justify-content: center; +} /** 底部弹出层 */ .rowPd {