@@ -241,17 +241,17 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
241
241
var left = ( d3 . event . pageX - 4 )
242
242
var top = ( d3 . event . pageY - 4 )
243
243
mousemoveInterval = window . setTimeout ( function ( ) {
244
- d3 . select ( '#chart-tooltip' )
245
- . style ( 'left' , left + 'px' )
246
- . style ( 'top' , top + 'px' )
244
+ d3 . select ( '#chart-tooltip' )
245
+ . style ( 'left' , left + 'px' )
246
+ . style ( 'top' , top + 'px' )
247
247
248
- d3 . select ( '#chart-tooltip .tooltip-container' )
249
- . style ( 'left' , '20px !important' )
250
- . style ( 'top' , '-20px !important' )
248
+ d3 . select ( '#chart-tooltip .tooltip-container' )
249
+ . style ( 'left' , '20px !important' )
250
+ . style ( 'top' , '-20px !important' )
251
251
252
- d3 . select ( '#chart-tooltip .tooltip-container .tooltip-pointer' )
253
- . style ( 'left' , '-5.5px !important' )
254
- . style ( 'bottom' , '25px !important' )
252
+ d3 . select ( '#chart-tooltip .tooltip-container .tooltip-pointer' )
253
+ . style ( 'left' , '-5.5px !important' )
254
+ . style ( 'bottom' , '25px !important' )
255
255
} , 50 )
256
256
257
257
} )
@@ -263,15 +263,15 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
263
263
$scope . $digest ( )
264
264
} )
265
265
266
- d3 . select ( 'body' ) . on ( 'click' , function ( ) {
267
- if ( ( d3 . event . target . classList [ 0 ] != 'tooltip-target' ) && ! $ ( '#chart-tooltip .tooltip-container' ) . hasClass ( 'tooltip-hide' ) &&
268
- ( d3 . event . target . classList [ 0 ] != 'tooltip-content-container' ) && ( d3 . event . target . classList [ 0 ] != 'tooltip-container' ) &&
269
- ( d3 . event . target . classList [ 0 ] != 'tooltip-body' ) && ( d3 . event . target . classList [ 0 ] != 'Tooltip' ) &&
270
- ( d3 . event . target . tagName . toLowerCase ( ) != 'circle' ) && ! ( d3 . event . target . tagName . toLowerCase ( ) == 'rect' && d3 . event . target . classList [ 0 ] == 'hover' ) ) {
271
- $ ( '#chart-tooltip .tooltip-container' ) . addClass ( 'tooltip-hide' )
272
- $ ( '#chart-tooltip .tooltip-container' ) . css ( 'opacity' , 0 )
273
- }
274
- } )
266
+ d3 . select ( 'body' ) . on ( 'click' , function ( ) {
267
+ if ( ( d3 . event . target . classList [ 0 ] != 'tooltip-target' ) && ! $ ( '#chart-tooltip .tooltip-container' ) . hasClass ( 'tooltip-hide' ) &&
268
+ ( d3 . event . target . classList [ 0 ] != 'tooltip-content-container' ) && ( d3 . event . target . classList [ 0 ] != 'tooltip-container' ) &&
269
+ ( d3 . event . target . classList [ 0 ] != 'tooltip-body' ) && ( d3 . event . target . classList [ 0 ] != 'Tooltip' ) &&
270
+ ( d3 . event . target . tagName . toLowerCase ( ) != 'circle' ) && ! ( d3 . event . target . tagName . toLowerCase ( ) == 'rect' && d3 . event . target . classList [ 0 ] == 'hover' ) ) {
271
+ $ ( '#chart-tooltip .tooltip-container' ) . addClass ( 'tooltip-hide' )
272
+ $ ( '#chart-tooltip .tooltip-container' ) . css ( 'opacity' , 0 )
273
+ }
274
+ } )
275
275
276
276
svg . selectAll ( 'line.xaxis' )
277
277
. data ( ranges )
0 commit comments