建设大屏UI

web/client/src/sections/quanju/containers/footer/build/Leftbottom.js

@@ -80,7 +80,7 @@ function Leftbottom() {
       {
         name: '道路统计',
         type: 'pie',
-        radius: ['50%', '65%'],
+        radius: ['60%', '75%'],
         // emphasis: { // 设置高亮时显示标签
         //   label: {
         //     show: true
@@ -157,6 +157,7 @@ function Leftbottom() {
 
   return (
     <div className='build-left-bottom'>
+      <img src='/assets/images/quanju/chart-circle.png'></img>
       <div ref={chartRef} style={{ width: width || 400, height: height || 200 }} id="ech"></div>
     </div>
   );

web/client/src/sections/quanju/containers/footer/build/Rightbottom.js

@@ -4,7 +4,7 @@ import { Col, Progress, Row } from 'antd';
 import React, { useEffect, useRef } from 'react';
 // import ReactEcharts from 'echarts-for-react';
 import * as echarts from 'echarts';
-function Leftbottom() {
+function Rightbottom() {
   // const {
   //   safetyData, chartTitle, title, number, leftLegend, rightLegend, legendColor, width, height,
   // } = props;
@@ -119,9 +119,9 @@ function Leftbottom() {
     ],
     series: [
       {
-        name: '道路统计',
+        name: '公路等级统计',
         type: 'pie',
-        radius: ['50%', '65%'],
+        radius: ['60%', '75%'],
         // emphasis: { // 设置高亮时显示标签
         //   label: {
         //     show: true
@@ -198,8 +198,9 @@ function Leftbottom() {
 
   return (
     <div className='build-right-bottom'>
+      <img src='/assets/images/quanju/chart-circle.png'></img>
       <div ref={chartRef} style={{ width: width || 400, height: height || 200 }} id="ech"></div>
     </div>
   );
 }
-export default Leftbottom
+export default Rightbottom

web/client/src/sections/quanju/containers/footer/build/style.less

@@ -159,6 +159,12 @@
             display: flex;
             justify-content: center;
             align-items: center;
+            position: relative;
+            img{
+                position: absolute;
+                left: 38%;
+                top:26%
+            }
         
         }
     }
@@ -226,6 +232,12 @@
             display: flex;
             justify-content: center;
             align-items: center;
+            position: relative;
+            img{
+                position: absolute;
+                left: 38%;
+                top:26%
+            }
         }
     }
 }