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

Line Chart Legend Outside Chart Area

1 Answer 128 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Aaron
Top achievements
Rank 1
Aaron asked on 15 May 2014, 11:36 PM
Hi There,

Using Kendo UI v2014.1.416,  I have a need to place a legend well outside a chart area.  With IE 11, I can set the legend's offsetX and offsetY and see the legend in the position I want.  But the legend is not visible with FireFox and Chrome: it appears to be clipped.  In this case, if I mess with the svg's width, I can get the legend visible.  Is there any kind of workaround for this scenario?

If the only workaround is creating a HTML element that mimics the legend, how would one duplicate the hover and click events that the legend has.  That functionality I can't do without.

Thanks

1 Answer, 1 is accepted

Sort by
0
Hristo Germanov
Telerik team
answered on 19 May 2014, 01:14 PM
Hi Aaron,

I think that the behavior in the IE 11 is not correct and this is a browser bug that we can't easily in our chart.

The workaround is to use an HTML representation of the chart diagram but you can implement only the hide/show:
var chart = $("#chart").getKendoChart();
chart.options.series[0].visible = false;
chart.redraw();
-=Live Example=-

Regards,
Hristo Germanov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
Aaron
Top achievements
Rank 1
Answers by
Hristo Germanov
Telerik team
Share this question
or