更新筛选条件，增加订单统计

src/pages/index/index.tsx

@@ -11,24 +11,29 @@ export default () => {
   const [deviceData, setDeviceData] = useState([]);
   const [profit, setProfit] = useState([]);
   const [shop, setShop] = useState([]);
-  const deviceConfig = {
-    data: deviceData,
-    xField: 'name',
-    yField: 'value',
-    seriesField: 'type',
-    xAxis: {
-      type: 'time',
+
+
+  
+  const config = {
+    title: {
+      visible: true,
+      text: '商城(商品数量/金额)-折线图',
     },
     padding: 'auto',
+    forceFit: true,
+    data:deviceData,
+    xField: 'date',
+    yField: 'value',
+    yAxis: { label: { formatter: (v) => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`) } },
     legend: { position: 'right-top' },
-    yAxis: {
-      label: {
-        // 数值格式化为千分位
-        formatter: (v) => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`),
-      },
+    seriesField: 'type',
+    color: (d) => {
+      return d === 'register' ? '#93D072' : '#2D71E7';
     },
+    responsive: true,
   };
 
+
   useEffect(() => {
     statMallStatistics().then((res) => {
       setProfit(res.data)
@@ -37,20 +42,17 @@ export default () => {
       let list = []
       res.data.map((item, index) => {
         list.push({
-          "name": item.createTime,
-          "category": "商品数量",
-          "value": item.goodsCount,
-          "type": 1
+          "date": item.createTime,
+          "type": "shop",
+          "value": Number(item.goodsCount),
         })
         list.push({
-          "name": item.createTime,
-          "category": "金额",
-          "value": item.amountCount,
-          "type": 2
+          "date": item.createTime,
+          "type": "money",
+          "value": Number(item.amountCount),
         })
       })
-
-
+      console.log(list);
       setDeviceData(list)
     })
   }, []);
@@ -144,7 +146,9 @@ export default () => {
         </Col>
       </Row>
       <Divider>商城(商品数量/金额)-折线图</Divider>
-      <Line {...deviceConfig} />
+      {
+        deviceData.length != 0 ?  <Line {...config} /> :  <></>
+      }
     </>
   );
 };