Display Chart Legend outside of plot area / Graph?

[Grant]

Hi,

Please see my chart attached. It is very long so I have made it's parent container overflow for scroll, however I need a way to identify to the user what each trend line is.

I can't seem to find the css class for the legend, I would like to absolutely position it outside of the graph perhaps. My other option would be to somehow attach some text to the end portion of the each trendline, but I'm not sure how this would be done. I could not figure out how to attach a note to the very last element in a series either.

Any help with any of these issues would be greatly appreciated!

Thanks!

[Iliana Dyankova]

Hi Grant,

Moving the legend outside the plotArea is not supported by Kendo UI Chart. As a possible workaround I can suggest the following:
- Disable the default legend;
- Create an additional HTML element and configure it looking like a legend;
- Position the aforementioned HTML element outside the graph.
Regarding displaying text on end position - in order to achieve this outcome I would suggest displaying only the last series.label. For your convenience I prepared a simple jsBin example which demonstrates a possible implementation. 

Regards,
Iliana Nikolova
Telerik