add

src/App.js

@@ -99,13 +99,11 @@ class App extends Component {
 
         var chartDom = document.getElementById('main');
         var myChart = echarts.init(chartDom);
-       
         var option;
         const series = [];
         this.state.AxisY.forEach(function (type) {
              const arr = target.map(function (item) {
                 const data = item.map((item, index) => {
-                    // console.log(item,'item')
                         var colors 
                         if(item[7]==='Normal'){
                             colors ='#4B4B4B'
@@ -195,7 +193,6 @@ class App extends Component {
                 containLabel: true,
                 top: 80
             },
-  
             xAxis: [
                 {
                     // type: 'value',
@@ -314,11 +311,45 @@ class App extends Component {
                     }
                   }
             })
+            myChart.on('mousemove', function (params) {
+                console.log(params)
+                if(params.componentType == "series"){
+                    if(params.name === params.data.name){
+                        var elementDiv = document.querySelector('#extension')
+                        var elementStyle =
+                            `position: absolute;
+                            margin-left:35px;
+                            z-index: 99999;
+                            color: #fff;
+                            font-size: 12px;
+                            padding: 5px;
+                            display: inline;
+                            border-radius: 4px;background-color: #303133;
+                            box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px`
+
+                        elementDiv.style.cssText = elementStyle
+                        elementDiv.innerHTML = moment(parseInt(params.data.value[0]/1000000)).format('YYYY-MM-DD HH:mm:ss.SSS')
+                        document.querySelector('html').onmousemove = function (event) {
+                            var elementDiv = document.querySelector('#extension')
+                            var xx = event.pageX - 10
+                            var yy = event.pageY + 15
+                            elementDiv.style.top = yy + 'px'
+                            elementDiv.style.left = xx + 'px'
+                          }
+                    }
+                }
+            })
             myChart.on('mouseout', function (params) {
                 if (params.componentType == 'yAxis') {
                   var elementDiv = document.querySelector('#extension')
                   elementDiv.style.cssText = 'display:none'
                 }
+                if(params.componentType == "series"){
+                    if(params.name === params.data.name){
+                        var elementDiv = document.querySelector('#extension')
+                        elementDiv.style.cssText = 'display:none'
+                    }
+                }
             })
         }
     })