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

fix hover/crosshair bug 

Co-authored-by: Deniz Kusefoglu <deniz@influxdata.com>
pull/3016/head
Iris Scholten 2018-03-19 17:10:27 -07:00
parent a6aac0c9ec
commit 6bf9751560
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -57,10 +57,10 @@ class TableGraph extends Component {
}
handleHover = (columnIndex, rowIndex) => () => {
const {onSetHoverTime, tableOptions} = this.props
const {data} = this.state
const {onSetHoverTime, tableOptions: {verticalTimeAxis}} = this.props
const data = verticalTimeAxis ? this.state.data : this.state.unzippedData
if (onSetHoverTime) {
const hoverTime = tableOptions.verticalTimeAxis
const hoverTime = verticalTimeAxis
? data[rowIndex][0]
: data[0][columnIndex]
onSetHoverTime(hoverTime.toString())
@ -181,6 +181,11 @@ class TableGraph extends Component {
? this.calcHoverTimeIndex(data, hoverTime, verticalTimeAxis)
: hoveredRowIndex
const fixedColumnCount = tableOptions.fixFirstColumn ? 1 : undefined
const hoveringThisTable = hoveredColumnIndex !== NULL_COLUMN_INDEX
const scrollToRow =
!hoveringThisTable && verticalTimeAxis ? hoverTimeIndex : undefined
const scrollToColumn =
!hoveringThisTable && !verticalTimeAxis ? hoverTimeIndex : undefined
return (
<div
@ -206,8 +211,8 @@ class TableGraph extends Component {
columnNames={
tableOptions ? tableOptions.columnNames : [TIME_COLUMN_DEFAULT]
}
scrollToRow={verticalTimeAxis ? hoverTimeIndex : undefined}
scrollToColumn={verticalTimeAxis ? undefined : hoverTimeIndex}
scrollToRow={scrollToRow}
scrollToColumn={scrollToColumn}
verticalTimeAxis={verticalTimeAxis}
sortByColumnIndex={sortByColumnIndex}
cellRenderer={this.cellRenderer}