Skip to content

G
graph
Commit 3b088723 authored by wenli.huang@wuban.net.cn's avatar wenli.huang@wuban.net.cn
Browse files
Options

up

parent f61f2feb
Hide whitespace changes
Inline Side-by-side
Showing with 48 additions and 17 deletions
src/App.js
View file @ 3b088723
......@@ -20,7 +20,9 @@ class App extends Component {
time:-100,
getTime:-100,
blockOld:0,
endblockOld:0,
count:0,
endCount:0,
}
inputChangeValue=(e)=>{
this.setState({
......@@ -111,7 +113,7 @@ class App extends Component {
newData.result.Links = allLinksArr
that.initChart(newData)
})
}, 5000);
}, 60000);
}
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
......@@ -191,23 +193,37 @@ class App extends Component {
myChart.showLoading()
console.log(startBlock,'startBlock')
if(startBlock !=0 ){
that.setState({
blockOld:startBlock,
count:0,
})
} else if(startBlock == 0 || startBlock == "" || startBlock == undefined){
that.setState({
startBlock:that.state.blockOld,
count:that.state.count+1,
requestDuration:that.state.requestDuration*(that.state.count+1)
})
}
// if(startBlock !=0 ){
// that.setState({
// blockOld:startBlock,
// count:0,
// })
// } else if(startBlock == 0 || startBlock == "" || startBlock == undefined){
// that.setState({
// startBlock:that.state.blockOld,
// count:that.state.count+1,
// requestDuration:that.state.requestDuration*(that.state.count+1)
// })
// }
that.setState({
requestDuration:-100,
duration:-10,
},()=>{
if(startBlock !=0 ){
that.setState({
blockOld:startBlock,
count:0,
})
} else if(startBlock == 0 || startBlock == "" || startBlock == undefined){
that.setState({
startBlock:that.state.blockOld,
count:that.state.count+1,
requestDuration:that.state.requestDuration*(that.state.count+1)
})
}
console.log(that.state.requestDuration,'requestDurationfgfgf')
console.log(startBlock,'startBlock')
console.log(that.state.count,'count')
fetch(`/api/graph_by_height_and_duration?height=${startBlock}&duration=${that.state.requestDuration}`,{
method:'GET',
headers:{
......@@ -243,6 +259,21 @@ class App extends Component {
requestDuration:100,
duration:10,
},()=>{
if(startBlock !=0 ){
that.setState({
endblockOld:endBlock,
endCount:0,
})
} else if(startBlock == 0 || startBlock == "" || startBlock == undefined){
that.setState({
endBlock:that.state.endblockOld,
endCount:that.state.endCount+1,
requestDuration:that.state.requestDuration*(that.state.endCount+1)
})
}
console.log(that.state.requestDuration,'requestDurationfgfgf')
console.log(endBlock,'startBlock')
console.log(that.state.endCount,'endCount')
fetch(`/api/graph_by_height_and_duration?height=${endBlock}&duration=${that.state.requestDuration}`,{
method:'GET',
headers:{
......@@ -312,7 +343,7 @@ class App extends Component {
newData.result.Links = allLinksArr
that.initChart(newData)
})
}, 5000);
}, 60000);
}else{
clearInterval(that.interval)
}
......@@ -665,13 +696,13 @@ class App extends Component {
<div style={{width:'50%',display:'flex',justifyContent:'space-around'}}>
<div>
<input value={this.state.value} onChange={this.inputChangeValue} style={{width:'30%',textAlign:'center'}}/>
<button onClick={this.getInputHeight} style={{cursor:'pointer'}}>切换高度</button>
<button onClick={this.getInputHeight} style={{cursor:'pointer'}}>双击切换高度</button>
</div>
{/* <div>
<input value={this.state.time} onChange={this.inputChangeTime} style={{width:'30%',textAlign:'center'}}/>
<button onClick={this.getInputTime} style={{cursor:'pointer'}}>切换时间</button>
</div> */}
<div>当前高度：{this.state.value}</div>
<div>当前高度：{this.state.getValue}</div>
<div>当前时间：{this.state.requestDuration}</div>
</div>
<div style={{position:'relative'}}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment