Chart SVG generated is not renedering as it is

[Amol]

Hello There,

I am trying to export the Chart to image format.

For that, I am taking SVG format from js script as follows

 

 

var chart = $('#CurrentPieChart').data('tChart');

 

 

 

var svg = chart.svg();

 

and the svg generated is as follows

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='300px'
height='180px'>
<path d='M0 0 300 0 300 180 0 180 z'  stroke=''   stroke-width='0'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1'
fill='none'></path><path d='M5 5 295 5 295 175 5 175 z'   stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'>
</path><path d='M5 5 295 5 295 175 5 175 z'  stroke=''   stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'>
</path>
<g></g>
</svg>


I copied this and try to render it as itis on w3school, and seems its not showing anything.
Am I missing something ? Please help.
Thanks.

[Hristo Germanov]

Hi Amol,

Unfortunately I am not able to reproduce this issue locally. Could you please send us a simple test project which reproduces the depicted issue? Thus I will be able to observe the problem and advice you further.

Regards,
Hristo Germanov
the Telerik team

[Amol]

wohoooo... It was becuase I was taking the svg in load event.
I got the image exported successfully. Only problem is lengend text is not appearing. But I will work on it, will get back to same post if Have issues.

Thanks.