Ability to handle the placement of the tooltip of x-axis labels

Help
1

Hi All,

I am working with vega charts and want to achieve a tool-tip on hover over the labels of x-axis of the chart, which I achieved using encode property.
For reference you can see the below code in screenshot and the corresponding output in vega editor.

image
image1306×583 141 KB

The problem here I am facing is with the placement of the tool-tip. My requirement here is that I want to show the tool-tip container above the x-axis label.

So basically is there a way to handle the placement of the tool-tip (i.e., top, right, left, bottom)?

2

Hey @Rishabh_Gupta!

Since this question isn’t specifically related to Losant, and we’re not particularly Vega experts, I would recommend seeking help in a community more specific to Vega.

Here is the Github repo for the Vega Tooltip project. Looks like they have some examples that hopefully point you in the right direction: