Question

I am trying to export Telerik MVC chart to PDF using svg.dll (works well with Telerik Kendo Charts), here is my code:

      <% Html.Telerik().Chart<A1cGroupData>()
                .Name("Chart")
                .Title("A1c Groups - Last Visit")
                .Legend(legend => legend
                .Position(ChartLegendPosition.Left))
                .Series(series => series.Pie(s => s.percent, s => s.A1CGroup).Border(1, "#d6dbe0", ChartDashType.Solid).Labels(labels => labels
                .Template("<#= value #>%")
                .Visible(true)))
                .Tooltip(tooltip => tooltip.Visible(true).Template("<#= category #> - <#= value #>%"))
                .DataBinding(dataBinding => dataBinding
                .Ajax().Select("_A1cGroupChartData", "Report"))
                .ClientEvents(events => events
                .OnLoad("onLoad")
                )
                .Render();
            %>

      <script type="text/javascript">
            function onLoad(e) {
                var chart = $('#chart').data('tChart');
                var svg = chart.svg();
                $('#hfSVG').val(htmlEncode(svg));
            }
            function htmlEncode(value) {
                return $('<div/>').text(value).html();
            }
   function PrintChart(fc) {

            var fc = $('#hfSVG').val();
            var url = '<%= Url.Content("~/Report/PrintChart1") %>';
            $.post(url, { fc: fc },
            function (content) {
                if (content != null) { 5 }
            }, "json");
        }
        </script>

    <input type="hidden" id="hfSVG" name="hfSVG" />
    <input type="button" onclick="PrintChart();" value="print chart" />

I get this error: Unable to get value of the property ‘svg’: object is null or undefined.
Thanks in advance.

Answer 1

Try

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

The Name of your chart is “Chart”.