Line Chart Legend Outside Chart Area

[Aaron]

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

[Hristo Germanov]

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