[change] Show element info on hover #130

[totallynotvaishnav]

closes #130

[nemesifier]

Please rebase on latest master and fix conflicts.

[totallynotvaishnav]

on it.

[nemesifier]

Good progress, can we make it look better?

I think the default lateral padding of the tooltip should be increased.
I would also try to show the tooltip slightly closer to the object, what do you think?
Any other idea to make it look slicker?

[totallynotvaishnav]

I would also try to show the tooltip slightly closer to the object, what do you think?

I agree it should be more closer to the element. I'm working on it.

Any other idea to make it look slicker?

I will share if I find something better.

[totallynotvaishnav]

Screenshot

@nemesisdesign There is a new option to set class name in version 5 of echarts. We can customize the tooltip styling using css more easily. I think it would be nice to have an arrow that points towards the element.

[nemesifier]

Great progress!

If I hover the mouse on a node which is closer to the right edge, the tooltip covers the node:

Isn't there a way to make the tooltip smart and position itself according to the edge of the window? Can it position itself on the left instead of the right in this situation?

[totallynotvaishnav]

Isn't there a way to make the tooltip smart and position itself according to the edge of the window? Can it position itself on the left instead of the right in this situation?

I believe it is possible. I will look into this and come up with a solution.

[totallynotvaishnav]

Updated screenshot