From 98a2b24c89e81a5aacdcbd6b739fef422adf17dd Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期五, 29 三月 2024 09:57:55 +0800 Subject: [PATCH] 代码更新 --- src/components/chart/VisitCount.vue | 75 ++++++++++++++----------------------- 1 files changed, 29 insertions(+), 46 deletions(-) diff --git a/src/components/chart/VisitCount.vue b/src/components/chart/VisitCount.vue index 3f1ad72..7fe40c5 100644 --- a/src/components/chart/VisitCount.vue +++ b/src/components/chart/VisitCount.vue @@ -4,7 +4,7 @@ <script> import * as echarts from "echarts" -import { GetTypeVisitsCount } from "@/api/screen.js" +import { countByMajor } from "@/api/screen.js" export default { data() { return { @@ -17,54 +17,16 @@ methods: { async initChart() { let data = [ - { - name: "user1", - value: 10, - }, - { - name: "user2", - value: 20, - }, - { - name: "user3", - value: 23, - }, - { - name: "user4", - value: 44, - }, - { - name: "user1", - value: 10, - }, - { - name: "user2", - value: 20, - }, - { - name: "user3", - value: 53, - }, - { - name: "user4", - value: 24, - }, - { - name: "user1", - value: 10, - }, - { - name: "user2", - value: 20, - }, + ] - const res = await GetTypeVisitsCount() + const res = await countByMajor() let xAxis = [] let yAxis = [] if (res.code == 200) { + var obj = res.result; data = res.result.map(item => { - xAxis.push(item.name) - yAxis.push(item.count) + xAxis.push(item.m2) + yAxis.push(item.sizes) }) } let option = { @@ -76,13 +38,34 @@ bottom: "15%", }, tooltip: { - show: true + show: true, + formatter: function (data) { + var val = obj.filter(res=>{ + if(data.value == res.sizes){ + return res + } + }) + if(val.length>0){ + var num = val[0].m3 + if(num=="骞虫柟鍗冪背"){ + num= " km虏"; + }else if(num=="骞虫柟绫�"){ + num= " m虏"; + }else if(num=="鍗冪背"){ + num= " km"; + } + return val[0].m2+":<br/>"+val[0].sizes+ num; + }else{ + return data; + } + }, }, xAxis: { data: xAxis, axisLabel: { show: true, color: "#ffff", + }, axisTick: { show: false, @@ -180,7 +163,7 @@ </script> <style lang="less" scoped> -.visit-count{ +.visit-count { width: 100%; height: calc(100% - 30px); } -- Gitblit v1.9.3