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

Slim crosshair and remove gradient

pull/10616/head
Andrew Watkins 2017-08-30 18:26:03 -07:00
parent 17c18d1c29
commit 20b249a780
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/src/external/dygraph.js vendored
View File

@ -288,22 +288,17 @@ Dygraph.Plugins.Crosshair = (function() {
var width = e.dygraph.width_ var width = e.dygraph.width_
var height = e.dygraph.height_ var height = e.dygraph.height_
var xLabelPixels = 20
this.canvas_.width = width this.canvas_.width = width
this.canvas_.height = height this.canvas_.height = height - xLabelPixels
this.canvas_.style.width = width + 'px' // for IE this.canvas_.style.width = width + 'px' // for IE
this.canvas_.style.height = height + 'px' // for IE this.canvas_.style.height = height - xLabelPixels + 'px' // for IE
var ctx = this.canvas_.getContext('2d') var ctx = this.canvas_.getContext('2d')
ctx.clearRect(0, 0, width, height) ctx.clearRect(0, 0, width, height)
ctx.strokeStyle = '#C6CAD3'
const gradient = ctx.createLinearGradient(0, 0, 0, height) ctx.lineWidth = 1
gradient.addColorStop(0, 'rgba(255, 255, 255, 0.0)')
gradient.addColorStop(0.11, 'rgba(255, 255, 255, 1.0)')
gradient.addColorStop(0.89, 'rgba(255, 255, 255, 1.0)')
gradient.addColorStop(1, 'rgba(255, 255, 255, 0.0)')
ctx.strokeStyle = gradient
ctx.lineWidth = 1.5
// If graphs have different time ranges, it's possible to select a point on // If graphs have different time ranges, it's possible to select a point on
// one graph that doesn't exist in another, resulting in an exception. // one graph that doesn't exist in another, resulting in an exception.