hide tooltips associated with visualization when removing the visualization #18

Activity

1. davelandry commented on Feb 13, 2018

   

   davelandry

   on Feb 13, 2018

   Member

   More actions

   @NoobTW can you share the code you have written to hide the Treemap?
2. davelandry

   added

   enhancement

   on Feb 13, 2018
3. davelandry

   changed the title [-]d3plus-tooltip doesn't hide when d3plus hide[/-] [+]hide tooltips associated with visualization when removing the visualization[/+] on Feb 13, 2018
4. NoobTW commented on Feb 13, 2018

   

   NoobTW

   on Feb 13, 2018

   Author

   More actions

   Not sure if I did this right, but here's the code: https://github.com/NoobTW/od-freq/blob/master/src/App.js#L110

   👍React with 👍1Reacted by Dave Landry
5. davelandry commented on Feb 15, 2018

   

   davelandry

   on Feb 15, 2018

   Member

   More actions

   Thanks for sharing @NoobTW. In the meantime, before the fix is implemented, you might be able to hack it (I haven't tested this though). At the top of the render function, save the handleClick function to a variable:

   const handleClick = this.handleClick.bind(this);

   And then try this for your click function:

   on:
     click: function(d) {
       this._tooltipClass.data([]).render();
       handleClick(d);
     }
   }

   This is all based on the default internal click function, which has access to the tooltip through it's context: https://github.com/d3plus/d3plus-viz/blob/master/src/on/click.js
6. NoobTW commented on Feb 19, 2018

   

   NoobTW

   on Feb 19, 2018

   Author

   More actions

   Thanks for the hack, but I'm unable to access this in click function.

   on: {
   	click: function(d) {
   		// this._tooltipClass.data([]).render();
   		console.log(this)  // This is undefined.
   		handleClick(d); // Still works because I saved it to a variable.
   	}
   }