uPlot icon indicating copy to clipboard operation
uPlot copied to clipboard

shared tooltip

Open vinnitu opened this issue 3 years ago • 4 comments

I want to get something like this

image

Where I have shared cursor. And want show in tooltip info from all uplot graphs. And if is it possible at the bottom show uplot graph only with time scale with shared cursor.

vinnitu avatar Jun 14 '22 05:06 vinnitu

certainly do-able with some work. might be more straightforward to manually call .setCursor() on all plots rather than using the built-in cursor sync, but would need some exploration and would depend on requirements for live selection sync, etc.

how far have you gotten?

leeoniya avatar Jun 14 '22 05:06 leeoniya

Now I do only research. Grafana has shared tooltip.

shared-tooltip-grafana

But each chart has own tooltip. Maybe it is good. As I understand we can do that in uPlot?

vinnitu avatar Jun 14 '22 06:06 vinnitu

yes, but you'll have to write a bit of code.

leeoniya avatar Jun 14 '22 14:06 leeoniya

We can use the following code to achieve the tooltip sync between charts cursor: { sync: { key: "sync" } }

kpkalwa avatar Aug 08 '22 18:08 kpkalwa