Skip to content

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

current

parent d5a8c80f
Show whitespace changes
Inline Side-by-side
Showing with 6 additions and 22 deletions
src/App.js
View file @ 4c8c3ade
......@@ -29,6 +29,7 @@ class App extends Component {
datazoomHundred:false,
datazoom:false,
altitudeEnd:0,
altitudeHundred:0,
datazoomEnd:false
}
inputChangeValue(){
......@@ -239,9 +240,6 @@ class App extends Component {
startBlock=item2.label.formatter
endBlock=item2.label.formatter
// that.setState({
// altitude:startBlock,
// })
min3=item2.xAxis
}
}else {
......@@ -257,9 +255,6 @@ class App extends Component {
min = min2
if(item2.label !== undefined ){
startBlock=item2.label.formatter
// that.setState({
// altitude:startBlock
// })
min3=item2.xAxis
}
}
......@@ -312,11 +307,9 @@ class App extends Component {
})
}
if(that.state.inpttime != -100){
console.log("不为-100")
that.setState({
requestDuration:that.state.inputtime
},()=>{
console.log(that.state.requestDuration,'时间')
fetch(`/api/graph_by_height_and_duration?height=${startBlock}&duration=${that.state.requestDuration}`,{
method:'GET',
headers:{
......@@ -380,11 +373,10 @@ class App extends Component {
if(params.end === 100){
myChart.showLoading()
console.log(endBlock,'endBlock')
console.log(that.state.requestDuration,'ddd')
that.setState({
requestDuration:100,
duration:10,
altitudeHundred:endBlock,
datazoomEnd:true,
datazoomHundred:true,
},()=>{
......@@ -400,6 +392,8 @@ class App extends Component {
requestDuration:that.state.requestDuration*(that.state.endCount+1)
})
}
// console.log(that.state.altitudeEnd,'endend')
// console.log(that.state.requestDuration,'endrequestDuration')
// console.log(endBlock,'endBlock')
// console.log(that.state.endCount,'endCount')
......@@ -842,18 +836,8 @@ class App extends Component {
<input ref="inputtime" defaultValue='-100' onChange={()=>this.inputChangeTime()} style={{width:'20%',textAlign:'center'}}/>
<button onClick={()=>this.getInput()} style={{cursor:'pointer'}}>点击切换</button>
</div>
{/* <div>
<input ref="inputvalue" defaultValue='0' onChange={()=>this.inputChangeValue()} style={{width:'30%',textAlign:'center'}}/>
<button onClick={()=>this.getInputHeight()} style={{cursor:'pointer'}}>切换高度</button>
</div>
<div>
<input ref="inputtime" defaultValue='-100' onChange={()=>this.inputChangeTime()} style={{width:'30%',textAlign:'center'}}/>
<button onClick={()=>this.getInputTime()} style={{cursor:'pointer'}}>切换时间</button>
</div> */}
{/* <div>当前高度：{this.state.inputvalue}</div> */}
<div>当前高度：{this.state.inputvalue == 0 && this.state.datazoom == false? `${0}` : this.state.inputvalue!= 0 && this.state.datazoom ==false? `${this.state.inputvalue}` : this.state.datazoom == true ? `${this.state.altitude}` :`${this.state.inputvalue}` }</div>
{/* <div>当前时间：{this.state.inputtime == -100 ? `${-100}` : this.state.inputtime}</div> */}
<div>当前时间：{this.state.inputtime == -100 && this.state.datazoomEnd == false?`${-100}`:this.state.inputtime != -100 && this.state.datazoomEnd == false ? `${this.state.inputtime}`:this.state.datazoomEnd== true?`${this.state.altitudeEnd}`:`${this.state.inputtime}`}</div>
<div>当前高度：{this.state.inputvalue == 0 && this.state.datazoom == false? `${0}` : this.state.inputvalue!= 0 && this.state.datazoom ==false? `${this.state.inputvalue}` : this.state.datazoom == true ? this.state.datazoomHundred == true? `${this.state.altitudeHundred}` :`${this.state.altitude}` :`${this.state.inputvalue}` }</div>
<div>当前时间：{this.state.inputtime == -100 && this.state.datazoomEnd == false?`${-100}`:this.state.inputtime != -100 && this.state.datazoomEnd == false ? `${this.state.inputtime}`:this.state.datazoomEnd== true?`${this.state.requestDuration}`:`${this.state.inputtime}`}</div>
</div>
<div style={{position:'relative'}}>
<div id="main" className="container" style={{position:'relative', padding: '50px', boxSizing:'border-box', width: '100%', height: 900 }}> </div>
......
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