@@ -245,10 +245,10 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
245
245
return y
246
246
}
247
247
}
248
-
248
+
249
249
/* render react tooltip component */
250
250
ReactDOM.unmountComponentAtNode(document.getElementById('chart-tooltip'))
251
- ReactDOM.render(<Tooltip popMethod='click '>
251
+ ReactDOM.render(<Tooltip popMethod='hover '>
252
252
<div className='tooltip-target'></div>
253
253
<div className='tooltip-body'>
254
254
<div className='tooltip-rating'></div>
@@ -259,7 +259,7 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
259
259
</div>
260
260
</Tooltip>
261
261
, document.getElementById('chart-tooltip'))
262
-
262
+
263
263
svg.selectAll('circle')
264
264
.data(history)
265
265
.enter()
@@ -270,6 +270,7 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
270
270
.attr('cy', function(d) {
271
271
return y(d.newRating)
272
272
})
273
+ .attr('r', 5.5)
273
274
.attr('fill', function(d) {
274
275
return ratingToColor($scope.colors, d.newRating)
275
276
})
@@ -283,18 +284,18 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
283
284
else
284
285
location.href = $filter('challengeLinks')({id: d.challengeId, 'track': $state.params.track, 'subTrack': $state.params.subTrack}, 'detail')
285
286
})
286
-
287
+
287
288
/* update tooltip location on mouseover, feature currently not inbuilt in react tooltip component */
288
289
d3.select('#chart-tooltip')
289
- .style('left', (d3.event.pageX-5) + 'px')
290
+ .style('left', (d3.event.pageX-5) + 'px')
290
291
.style('top', (d3.event.pageY-5) + 'px')
291
292
d3.select('#chart-tooltip .tooltip-container')
292
- .style('left', '20px !important')
293
+ .style('left', '20px !important')
293
294
.style('top', '-20px !important')
294
295
d3.select('#chart-tooltip .tooltip-container .tooltip-pointer')
295
- .style('left', '-5.5px !important')
296
+ .style('left', '-5.5px !important')
296
297
.style('bottom', '25px !important')
297
-
298
+
298
299
d3.select('#chart-tooltip .challenge-name').text($scope.historyChallenge)
299
300
d3.select('#chart-tooltip .challenge-date').text(moment(d.ratingDate).format('MMM DD, YYYY'))
300
301
d3.select('#chart-tooltip .tooltip-rating').text($scope.historyRating)
@@ -307,7 +308,7 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
307
308
$scope.$digest()
308
309
})
309
310
310
- /* hide tooltip when clicked anywhere outside */
311
+ /* hide tooltip when clicked anywhere outside */
311
312
d3.select('body').on('click', function(){
312
313
if((d3.event.target.classList[0] != 'tooltip-target') && !$('#chart-tooltip .tooltip-container').hasClass('tooltip-hide') &&
313
314
(d3.event.target.tagName.toLowerCase()!='circle') && !(d3.event.target.tagName.toLowerCase()=='rect' && d3.event.target.classList[0] == 'hover')) {
0 commit comments