Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix legend hover bug

pull/10616/head
Andrew Watkins 2018-04-09 12:26:41 -07:00
parent f6e6c90311
commit 6587d1dcac
1 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/shared/components/Dygraph.js
View File

@ -236,6 +236,7 @@ class Dygraph extends Component {
const newTime = this.eventToTimestamp(e)
this.props.onSetHoverTime(newTime)
}
this.setState({isHoveringThisGraph: true})
}
@ -243,23 +244,13 @@ class Dygraph extends Component {
if (this.props.onSetHoverTime) {
this.props.onSetHoverTime(NULL_HOVER_TIME)
}
this.setState({isHoveringThisGraph: false})
}
handleHideLegend = e => {
const {top, bottom, left, right} = this.graphRef.getBoundingClientRect()
const mouseY = e.clientY
const mouseX = e.clientX
const mouseInGraphY = mouseY <= bottom && mouseY >= top
const mouseInGraphX = mouseX <= right && mouseX >= left
const isMouseHoveringGraph = mouseInGraphY && mouseInGraphX
if (!isMouseHoveringGraph) {
handleHideLegend = () => {
this.setState({isHidden: true})
}
}
getLineColors = () => {
return [...(this.props.overrideLineColors || LINE_COLORS)]