echarts

src/pages/indexEcharts/components/UserSex.jsx

@@ -42,7 +42,10 @@ const UserSource = (props) => {
     },
     legend: {},
     color: ['#FF7E48', '#dcdcdc'],
-    tooltip: {},
+    tooltip: {
+      trigger: 'item',
+      formatter: "{b}: ({d}%)"
+    },
     series: {
       type: 'pie',
       name: '性别比例',

src/pages/indexEcharts/components/UserSourcepie.jsx

@@ -19,18 +19,18 @@ const UserSource = (props) => {
 
   useEffect(() => {
     userResource(formatDate(props.startDate, props.endDate))
-   }, [props.startDate, props.endDate])
- 
-   function userResource (params) {
-     request({
-       ...apis.indexEcharts.userResource,
-       params,
-     }).then((data) => {
-       setData(data)
-     })
-   }
-
-  function toEdit () {
+  }, [props.startDate, props.endDate])
+
+  function userResource(params) {
+    request({
+      ...apis.indexEcharts.userResource,
+      params,
+    }).then((data) => {
+      setData(data)
+    })
+  }
+
+  function toEdit() {
     router.push({
       pathname: '/indexEcharts/userSource',
     });
@@ -47,7 +47,10 @@ const UserSource = (props) => {
       x: 'left',
       data: ['来源置业顾问', '来源全民经纪人', '自主进入'],
     },
-    tooltip: {},
+    tooltip: {
+      // trigger: 'item',
+      // formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
     series: [
       {
         type: 'pie',
@@ -55,24 +58,24 @@ const UserSource = (props) => {
         radius: ['34%', '52%'],
       },
     ],
+
     dataset: {
       id: 'pie',
       source: [
-        { '用户来源': '来源置业顾问', value: person_realty_consultant,},
+        { '用户来源': '来源置业顾问', value: person_realty_consultant, },
         { '用户来源': '来源全民经纪人', value: person_estate_agent },
         { '用户来源': '自主进入', value: person_null },
       ]
     },
   }
- 
+
 
   const piestyles = {
     width: '100%',
     height: '400px',
-    minWidth:'350px',
+    minWidth: '350px',
   }
 
-
   return (
     <>
       <div>

src/pages/indexEcharts/userSource.jsx

@@ -17,6 +17,17 @@ import apis from '../../services/apis';
 
 
 const header = props => {
+  
+  function userResource(params) {
+    request({
+      ...apis.indexEcharts.userResource,
+      params,
+    }).then((data) => {
+      setData(data)
+      console.log(data,"datadatadatadatavvvdatadatav")
+      props.onSuccess(data)
+    })
+  }
 
   const [tableData, setTableData] = useState([])
   const [userType, setuserType] = useState([])