From fc3e7a9c23193ed8921b2fd84ba67820f888d298 Mon Sep 17 00:00:00 2001 From: BabyBoy <2019108827@qq.com> Date: Mon, 30 Jun 2025 17:18:02 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8A=98=E7=BA=BF=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/dashboard/LineChartnew.vue | 1 + src/views/index.vue | 13 +++++++++---- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/views/dashboard/LineChartnew.vue b/src/views/dashboard/LineChartnew.vue index 0373aa5..24901fe 100644 --- a/src/views/dashboard/LineChartnew.vue +++ b/src/views/dashboard/LineChartnew.vue @@ -64,6 +64,7 @@ export default { }, methods: { initChart() { + console.log(this.chartData); Object.keys(this.chartData).forEach((key) => { this.defaultOption[key] = this.chartData[key]; }); diff --git a/src/views/index.vue b/src/views/index.vue index 82f5926..10028b6 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -86,8 +86,12 @@ const goTarget = (url: string) => { const indexObj = ref(); const lineChartsShow = ref(false); const LinechartData = ref({ - color: 'red', - xAxisData: [], + // color: 'red', + xAxis: { + type: 'category', + boundaryGap: false, + data: [] + }, legend: {}, series: [ { name: '用户量', data: [] }, @@ -99,14 +103,15 @@ const LinechartData = ref({ const getList = async () => { const res = await getIndex(); indexObj.value = res.data; - + const a = []; res.data?.monthlyUserVolume.forEach((item) => { - LinechartData.value.xAxisData.push(item.month); + LinechartData.value.xAxis.data.push(item.month); LinechartData.value.series[0].data.push(item.registerMemberCount); LinechartData.value.series[1].data.push(item.loginMemberCount); LinechartData.value.series[2].data.push(item.addCartMemberCount); LinechartData.value.series[3].data.push(item.dealMemberCount); }); + lineChartsShow.value = true; }; onMounted(() => {