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(() => {