From 51b13009926be3d41c8dfb94a96e4c9489264513 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 16 五月 2024 08:34:27 +0800
Subject: [PATCH] #
---
src/pages/left/components/loc-charts.jsx | 34 ++++++++++++++++++++--------------
1 files changed, 20 insertions(+), 14 deletions(-)
diff --git a/src/pages/left/components/loc-charts.jsx b/src/pages/left/components/loc-charts.jsx
index a4ca30d..232bafe 100644
--- a/src/pages/left/components/loc-charts.jsx
+++ b/src/pages/left/components/loc-charts.jsx
@@ -1,46 +1,52 @@
import { useEffect, useState } from 'react';
import ReactECharts from 'echarts-for-react';
import * as echarts from 'echarts/core';
+import { getLocCharts } from '@/api/report';
const LocCharts = () => {
const [trafficWay, setTrafficWay] = useState([
{
- name: 'HG',
+ name: '绌洪棽',
value: 20,
},
{
- name: 'RG',
+ name: '鍦ㄥ簱',
value: 10,
},
{
- name: 'MG',
+ name: '鍏ュ簱',
value: 20,
},
{
- name: 'FM',
+ name: '鍑哄簱',
value: 10,
},
{
- name: 'PG',
+ name: '绂佺敤',
+ value: 30,
+ },
+ {
+ name: '鍏朵粬',
value: 30,
},
]);
useEffect(() => {
const timer = setInterval(() => {
- // getAgvCharts().then(res => {
- // setApiData(res.reverse().map(item => {
- // return ["AGV" + item.agvNo, "0000" + Number(item.qrcode), item.angle.toFixed(1) + "掳", item.height]
- // }))
- // })
- console.log("aasadsa");
- }, 1000);
+ getLocCharts().then(res => {
+ setTrafficWay(res.map(item => {
+ return {
+ name: item.name.substr(0, 2),
+ value: item.count
+ }
+ }))
+ })
+ }, 3000);
return () => {
clearInterval(timer);
}
}, []);
-
const data = [];
const color = ['#00ffff', '#00cfff', '#006ced', '#ffe000', '#ffa800', '#ff5b00'];
@@ -138,7 +144,7 @@
itemWidth: 8,
orient: 'horizontal',
// x: 'left',
- data: ['HG', 'RG', 'MG', 'FM', 'PG'],
+ data: ['绌洪棽', '鍦ㄥ簱', '鍏ュ簱', '鍑哄簱', '绂佺敤', '鍏朵粬'],
left: 10,
bottom: 20,
align: 'left',
--
Gitblit v1.9.1