diff --git a/src/components/ActiveChart/index.js b/src/components/ActiveChart/index.js
index 073f3b1601b51b8c8617acd3c17511d0abe5289d..3d9fbbaf2e62d7eff4e9b70ba80375383e4629b4 100644
--- a/src/components/ActiveChart/index.js
+++ b/src/components/ActiveChart/index.js
@@ -75,9 +75,17 @@ export default class ActiveChart extends Component {
           />
         </div>
         {activeData && (
-          <div className={styles.activeChartGrid}>
-            <p>{[...activeData].sort()[activeData.length - 1].y + 200} 亿元</p>
-            <p>{[...activeData].sort()[Math.floor(activeData.length / 2)].y} 亿元</p>
+          <div>
+            <div className={styles.activeChartGrid}>
+              <p>{[...activeData].sort()[activeData.length - 1].y + 200} 亿元</p>
+              <p>{[...activeData].sort()[Math.floor(activeData.length / 2)].y} 亿元</p>
+            </div>
+            <div className={styles.dashedLine}>
+              <div className={styles.line} />
+            </div>
+            <div className={styles.dashedLine}>
+              <div className={styles.line} />
+            </div>
           </div>
         )}
         {activeData && (
diff --git a/src/components/ActiveChart/index.less b/src/components/ActiveChart/index.less
index 8ecc3237abe5c7e1c58925c59d8cdf10fbb285cd..99079a550aa6c3dbb25a82bd2f8b311bbc5d264c 100644
--- a/src/components/ActiveChart/index.less
+++ b/src/components/ActiveChart/index.less
@@ -29,3 +29,23 @@
     text-align: right;
   }
 }
+.dashedLine {
+  position: relative;
+  height: 1px;
+  top: -70px;
+  left: -3px;
+
+  .line {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(to right, transparent 50%, #e9e9e9 50%);
+    background-size: 6px;
+  }
+}
+
+.dashedLine:last-child {
+  top: -36px;
+}