How to export a specific RadHTMLChart to PDF

[kieran]

Hi there,

              I have used your example code to be able to export a chart to PDF

<script>
     function exportChartToPDF() {
         var $ = $telerik.$;
         $get('<%=RadClientExportManager1.ClientID%>').exportPDF($(".RadHtmlChart"));
     }
     function exportChartToImage() {
         var $ = $telerik.$;
         $find('<%=RadClientExportManager1.ClientID%>').exportImage($(".RadHtmlChart"));
     }
</script>

I have this triggered by a button and it is working, but I need to be able to export a specific RadHTMLchart.

I have limited knowledge of this in page scripting.

 

the supplied function finds the first instance of the type requested, is there a way to find a specific control?

Please excuse my lack of understanding, I am finding my feet with this stuff.

Thanks.

[Vessy]

Hi kieran,

You can add a custom CSS class to the HtmlChart you want to export, and use this class after that when passing chart element to the ClientExportManager's exportPDF() function.

For example:

            <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" CssClass="ChartToExport" Width="800px" Height="500px">
                <PlotArea>
                    <XAxis Type="Log">
                        <TitleAppearance Text="Frequency (Hz)"></TitleAppearance>
                    </XAxis>
                    <Series>
                        <telerik:ScatterLineSeries DataFieldY="SoundPressureLevel" DataFieldX="Frequency" Name="20 phon">
                            <LineAppearance LineStyle="Smooth" />
                            <LabelsAppearance Visible="false"></LabelsAppearance>
                            <MarkersAppearance Size="4" />
                        </telerik:ScatterLineSeries>
                    </Series>
                    <YAxis>
                        <TitleAppearance Text="Sound Pressure Level (dB)"></TitleAppearance>
                    </YAxis>
                </PlotArea>
                <ChartTitle Text="Equal-Loudness Contour">
                </ChartTitle>
            </telerik:RadHtmlChart>
        </div>
        <script>
            var $ = $telerik.$;

            function exportRadHtmlChart() {
                $find('<%=RadClientExportManager1.ClientID%>').exportPDF($(".ChartToExport"));
            }
        </script>

 

Regards,
Vessy
Progress Telerik

[kieran]

Thankyou! That did the trick nicely.

[Vessy]

You are welcome, kieran! :)