This is an automated email from the ASF dual-hosted git repository.
apucher pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-pinot.git
The following commit(s) were added to refs/heads/master by this push:
new f1512e6 [TE] rootcause - hide heatmap tooltip on click (#3574)
f1512e6 is described below
commit f1512e6774bffa17196242af7d7bab625cfc2142
Author: Alexander Pucher <[email protected]>
AuthorDate: Fri Nov 30 16:53:52 2018 -0800
[TE] rootcause - hide heatmap tooltip on click (#3574)
Hides dimension heatmap tooltip on click. This prevents the tooltip from
lingering over the heatmap (or the content of other tabs) after re-drawing the
heatmap without any cursor activity.
---
.../thirdeye-frontend/app/pods/components/heatmap-chart/component.js | 3 +++
1 file changed, 3 insertions(+)
diff --git
a/thirdeye/thirdeye-frontend/app/pods/components/heatmap-chart/component.js
b/thirdeye/thirdeye-frontend/app/pods/components/heatmap-chart/component.js
index 7069dcc..2ded238 100644
--- a/thirdeye/thirdeye-frontend/app/pods/components/heatmap-chart/component.js
+++ b/thirdeye/thirdeye-frontend/app/pods/components/heatmap-chart/component.js
@@ -145,6 +145,7 @@ export default Component.extend({
if (d && d.role !== 'value') {
return;
}
+
const tooltipWidth = 200;
const xPosition = d3.event.pageX - (tooltipWidth + 20);
const yPosition = d3.event.pageY + 5;
@@ -160,6 +161,8 @@ export default Component.extend({
d3.select(`${tooltipId}`).classed('hidden', false);
}).on('mouseout', function () {
d3.select(`${tooltipId}`).classed('hidden', true);
+ }).on('mousedown', function () {
+ d3.select(`${tooltipId}`).classed('hidden', true);
});
// colored background
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
