Unplanned
Last Updated: 09 Apr 2020 13:09 by ADMIN
Denise
Created on: 08 Apr 2020 00:23
Category: Charts
Type: Feature Request
5
Synchronized crosshairs across multiple chart panes

Hi,

Is it possible to have synchronized crosshairs for the category axis when there are two or more chart panes in the same chart?

The desired effect I would like to have would look something like this (attached in kendo crosshair.png). Even better if a tooltip can also appear in the other chart pane at the same time (the one not being hovered over).

So far, I have seen that this isn't possible based on this post elated post for jQuery: https://www.telerik.com/forums/stacked-plot-with-separate-y-axis

 

What I have tried so far to no avail is to take the chart's plotAreaHoverEvent: https://www.telerik.com/kendo-angular-ui/components/charts/api/PlotAreaHoverEvent/, grab the instance of the chart (event.sender) and try to look for a way to make the other chart pane's crosshair appear, but it appears this isn't doable as the crosshair appears to only be rendered when the mouse enters the chart pane area.

Thanks!

Attached Files:
1 comment
ADMIN
Svetlin
Posted on: 09 Apr 2020 13:09

Hi Denise,

Thank you for the provided screenshot and details.

Indeed, at the moment there isn't an option to control the crosshairs of a chart manually. Thus enabling the corsshairs is possible only when the cursor is inside the actual Chart. In order to provide such functionality in a future release of Kendo UI we will need to log a feature request which should gather a substantial amount of votes. That is why I converted this ticket to be a public feature request:

https://feedback.telerik.com/kendo-angular-ui/1460987-synchronized-crosshairs-across-multiple-chart-panes

so that we can track its demand. That will help us to prioritize our future development plans. Please feel free to add any additional details to the required functionality by commenting. Thank you.

Regards,
Svetlin
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.