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

How to make legend position as fixed?

1 Answer 305 Views
Charts
This is a migrated thread and some comments may be shown as answers.
sangeetha
Top achievements
Rank 1
sangeetha asked on 17 Jun 2017, 03:23 PM
In my chart , Legends are placed on the right of the chart area. Height of my chart is very high. Everytime user has to come to the center of the page to check the legends. Is there a way to place the legend at the top of the page and move down along with the scrolling of the page down. Please let me know if my question is not clear.

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 20 Jun 2017, 02:53 PM
Hello Sangeetha,

You cannot make the built-in legend fixed, but you can create an external legend for the Chart, by following this sample:
Render External Legend

You can put the legend outside of the Chart scrollable container or set position: fixed to the legend container to make it stay fixed while the Chart is scrolled.

Regards,
Tsvetina
Progress Telerik
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
sangeetha
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or