Unable to get points for the bar chart to hover

[shikha]

Hi I am unable to hover over the bars of bar chart using java script. I need to hover over the bars so that I can click on the tool tip. A same replication of the graph is in this url- https://demos.telerik.com/kendo-ui/chart-api/index.
In this graph clicking on the tooltip may not be possible but getting the value is possible.

Could you please help me out with this as I am stuck with this and its urgent.

Thanks in advance

[Vishwas R]

@Shikha,

Are you looking for adding hyperlink in toolTip? If so, you can do that using toolTipContent as shown in the second example in toolTip page.

If this doesn’t solve your requirement, can you kindly create jsfiddle along with sample data, so that we can understand it better and help you out?

—
Vishwas R
Team CanvasJS

[shikha]

Could you please tell me how to get the data points for the bars so that I can perform action on it like hovering on it through java script as there is no id attribute that i can use.

[Vishwas R]

@shikha,

Events are not being captured in toolTip. So overriding style to toolTip class should work fine in your case. Please try adding following CSS.

.canvasjs-chart-tooltip, .canvasjs-chart-tooltip > *{
     pointer-events: auto !important;
     -webkit-user-select: auto !important; /* Safari 3.1+ */
     -moz-user-select: auto !important; /* Firefox 2+ */
     -ms-user-select: auto !important; /* IE 10+ */
     user-select: auto !important; /* Standard syntax */
  } 

Also please take a look at mouseover event handler function where you can get dataSeries, dataPoints, etc values just by hovering on dataPoint.
—
Vishwas R
Team CanvasJS

[shikha]

Actually I need to automate this kind of graph. For that I am using java script so that I can get exact points for the graph elements to hover on it. So I don’t have any control over the development of the graph. My question is which method should I use so that I can get the datapoints where i can hover?

[Vishwas R]

@shikha,

You can use convertValueToPixel to get pixel coordinate of the given value on the axis and convertPixelToValue to get the value along axis for the given pixel.

However can you kindly create jsfiddle along with sample data, that helps us understand your scenario better by checking out the chart-options being used and help you out?

—
Vishwas R
Team CanvasJS