From 6d21360f263ae282bfa7ca4533154aad66feeb53 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 16 五月 2024 09:07:39 +0800
Subject: [PATCH] #
---
src/pages/left/components/action-charts.jsx | 64 ++++++++++++++++++++------------
1 files changed, 40 insertions(+), 24 deletions(-)
diff --git a/src/pages/left/components/stock-charts.jsx b/src/pages/left/components/action-charts.jsx
similarity index 77%
rename from src/pages/left/components/stock-charts.jsx
rename to src/pages/left/components/action-charts.jsx
index 30c74cc..ebe39d2 100644
--- a/src/pages/left/components/stock-charts.jsx
+++ b/src/pages/left/components/action-charts.jsx
@@ -1,19 +1,10 @@
-import React from 'react';
+import { useEffect, useState } from 'react';
import ReactECharts from 'echarts-for-react';
-// import { useRequest } from 'ahooks';
-// import { config } from '../../config';
import * as echarts from 'echarts/core';
-// import { GetCurrentLocationSummary } from 'apis';
+import { getActionCount } from '@/api/report';
-const StockCharts = () => {
- // const { data } = useRequest(() => GetCurrentLocationSummary({}), {
- // ...config,
- // });
-
- // const resultData = data?.resultData || {};
-
- var barWidth = 3;
- const option3_xdata = [
+const ActionCharts = () => {
+ const [xdata, setXdata] = useState([
'A12',
'A2',
'A3',
@@ -30,12 +21,38 @@
'A1',
'B4',
'C6',
- ];
- const option3_Ydata = [75, 62, 57, 42, 35, 32, 29, 27, 75, 62, 57, 42, 35, 32, 29, 27];
+ ]);
+ const [ydata, setYdata] = useState([75, 62, 57, 42, 35, 32, 29, 27, 75, 62, 57, 42, 35, 32, 29, 27]);
+ useEffect(() => {
+ const fetchChartsData = () => {
+ getActionCount().then(res => {
+ const dualXdata = [];
+ const dualYdata = [];
+ res.forEach(item => {
+ dualXdata.push(item.name);
+ dualYdata.push(item.count);
+ })
+ setXdata(dualXdata);
+ setYdata(dualYdata);
+ })
+ }
+
+ fetchChartsData();
+
+ const timer = setInterval(() => {
+ fetchChartsData();
+ }, 1000);
+
+ return () => {
+ clearInterval(timer);
+ }
+ }, []);
+
+ var barWidth = 3;
const option3_Ydatamax = [];
- var yMax2 = Math.max.apply(null, option3_Ydata);
- for (var i = 0; i < option3_Ydata.length; i++) {
+ var yMax2 = Math.max.apply(null, ydata);
+ for (var i = 0; i < ydata.length; i++) {
option3_Ydatamax.push(yMax2);
}
@@ -50,7 +67,7 @@
borderWidth: 0,
top: '10',
left: '10',
- right: '30',
+ right: '50',
bottom: '3%',
},
// color: color,
@@ -68,7 +85,7 @@
show: false,
inside: false,
},
- data: option3_xdata,
+ data: xdata,
},
],
xAxis: {
@@ -97,7 +114,7 @@
height: '84%',
top: '7%',
start: 0,
- end: 50,
+ end: 200,
zoomLock: true,
// show: false,
showDetail: false,
@@ -137,7 +154,7 @@
]),
},
},
- data: option3_Ydata,
+ data: ydata,
animationDuration: 1500,
label: {
normal: {
@@ -177,8 +194,7 @@
color: '#fff',
},
formatter: function (a) {
- // console.log(a);
- return option3_Ydata[a.dataIndex];
+ return ydata[a.dataIndex];
},
},
},
@@ -199,4 +215,4 @@
);
};
-export default StockCharts;
+export default ActionCharts;
--
Gitblit v1.9.1