测试bug修改

admin/src/pages/history/analysis/components/TrainCard.tsx

@@ -32,7 +32,7 @@ const SalesCard = () => {
     data.push({
       city: e.city_name,
       count: e.count,
-      credential_rate: e.credential_rate
+      credential_rate: e.credential_rate?e.credential_rate:0
     })
   })
 
@@ -48,7 +48,40 @@ const SalesCard = () => {
       title: {
         text: '证书比例',
       },
+      label: {
+        formatter: (val) => `${val}%`,
+      },
     }],
+    tooltip: {
+      customContent: (title, items) => {
+        return (
+          <>
+          <h5 style={{ marginTop: 16 }}>{title}</h5>
+          <ul style={{ paddingLeft: 0 }}>
+            {items?.map((item, index) => {
+              const { name, value, color } = item;
+              return (
+              <li
+              key={item.year}
+              className="g2-tooltip-list-item"
+              data-index={index}
+              style={{ marginBottom: 4, display: 'flex', alignItems: 'center' }}
+              >
+              <span className="g2-tooltip-marker" style={{ backgroundColor: color }}></span>
+              <span
+              style={{ display: 'inline-flex', flex: 1, justifyContent: 'space-between' }}
+              >
+              <span style={{ margiRight: 16 }}>{name}:&nbsp;&nbsp;&nbsp;</span>
+              <span className="g2-tooltip-list-item-value">{value}{index===0?'':'%'}</span>
+              </span>
+              </li>
+              );
+            })}
+          </ul>
+          </>
+        );
+      },
+    },
     geometryOptions: [
       {
         geometry: 'column',
@@ -81,7 +114,7 @@ const SalesCard = () => {
         <TabPane tab="各市州资质证书情况" key="train">
           <Row>
             <Col xl={24} lg={24} md={24} sm={24} xs={24}>
-              <div className={styles.salesBar}>
+              <div className={styles.salesBar} style={{marginRight:'2rem'}}>
                 <DualAxes {...config} />
 
               </div>