This is a migrated thread and some comments may be shown as answers.

Chart Note label/icon x-axis position retrievable ?

1 Answer 85 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Steve
Top achievements
Rank 1
Steve asked on 15 Dec 2016, 02:09 PM

Hi,

we are looking for a way to get around overlapping text/icons for our chart notes, it's a time series chart and when you choose a long time frame the notes start to overlap on the x-axis.

We want to introduce a note that can combine multiple notes (by simply using a differnt icon and add all info into the hover) but only when notes overlap, to determine that we would need the x-position in the chart, as we have the chart width and the width of the note label icon.

I did not see a way of accessing any kind of "position.x" property for a Note though in the API. Can you please point me into the right direction.

I would even be fine if it's not a supported API property but some other way  (via JavaScript) to get that information. WHen I look at the SVG ion the browser I notice there is a x and y position for the SVG element making up the note icon but I don't see a way of determining shich SVG element is linked to which Note in the series.

(attached an example of overlapping icons)

Thanks,

Steve

1 Answer, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 19 Dec 2016, 08:11 AM
Hello Steve,

It is possible to get the notes and their position by using the visual function - example

Regards,
Daniel
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Steve
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Share this question
or