newup

src/App.js

@@ -57,7 +57,6 @@ class App extends Component {
                 allTopAxisXArr = TopAxisX
                 allBottomAxisXArr = BottomAxisX
                 allLinksArr = Links
-                // console.log(Rows, TopAxisX, BottomAxisX, Links)
                 that.initChart(resData)
                 if(!that.interval){
                         that.interval = setInterval(() => {
@@ -89,7 +88,6 @@ class App extends Component {
                                 that.initChart(newData)
                             })
                         }, 5000);
-                   
                 }
                 var chartDom = document.getElementById('main');
                 var myChart = echarts.init(chartDom);
@@ -98,6 +96,7 @@ class App extends Component {
                     var options = myChart.getOption();
                     var endValue=options.dataZoom[0].endValue;
                     var startValue=options.dataZoom[0].startValue;
+                    // console.log(options,'option')
                     // console.log('当前开始时间：',moment(startValue/1000000).format('YYYY-MM-DD HH:mm:ss:sss'))
                     // console.log('当前结束时间：',moment(endValue/1000000).format('YYYY-MM-DD HH:mm:ss:sss'))
                     // var min1
@@ -247,6 +246,51 @@ class App extends Component {
                             })
                         })
                     }
+                    let flag=false
+                    options.series.map(item=>{
+                        item.data.map(item1=>{
+                            if(startValue <= item1.value[0] && endValue >= item1.value[0]){
+
+                                if(item1.value[7] === 'Witness'){
+                                    flag = true
+                                }
+                            }
+                        })
+                    })
+                    if(flag === true ){ 
+                        that.interval = setInterval(() => {
+                            fetch(`/api/graph_by_height_and_duration?height=0&duration=${that.state.requestDuration}`,{
+                                method:'GET',
+                                headers:{
+                                    'Content-Type':'application/json;charset=UTF-8'
+                                },
+                            })
+                            .then(res =>res.json()) 
+                            .then((newData) => {
+                                let {Rows, AxisX, Links } = newData.result
+                                let {TopAxisX, BottomAxisX} = AxisX
+                                allRows0Arr = Rows[0]
+                                allRows1Arr = Rows[1]
+                                allRows2Arr = Rows[2]
+                                allTopAxisXArr = TopAxisX
+                                allBottomAxisXArr = BottomAxisX
+                                allLinksArr = Links
+                                
+                                
+    
+                                newData.result.Rows[0] = allRows0Arr
+                                newData.result.Rows[1] = allRows1Arr
+                                newData.result.Rows[2] = allRows2Arr
+                                newData.result.AxisX.TopAxisX = allTopAxisXArr
+                                newData.result.AxisX.BottomAxisX = allBottomAxisXArr
+                                newData.result.Links = allLinksArr
+                                that.initChart(newData)
+                            })
+                        }, 5000);
+                    }else{ 
+                        clearInterval(that.interval)
+                    }
+                   
                 })
             })
         })
@@ -523,18 +567,6 @@ class App extends Component {
             
             series: series,
         }; 
-        // option.series.map(item=>{
-        //     item.data.map(item1=>{
-        //         if(option.dataZoom[0].startValue <= item1.value[0] && option.dataZoom[0].endValue >= item1.value[0]){
-        //             if(item1.value[7] === 'Witness'){
-        //                 console.log("重新开始定时器")
-        //             }
-        //         }
-        //     })
-        // })
-
-
-
         // console.log(option.dataZoom[0].startValue,'11')//1658299327000000000
         // console.log(option.dataZoom[0].endValue,'22')//1658299337000000000
         // console.log(option.series,'option')