#

luxiaotao1123

2024-08-20 9d71e24e7982f6915e5f832512925bee9b245f35

 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',