Various Chart Export using WebAPI

21 Sep 20204 minutes to read

Export

[POST] /Api/Chart/Export

It is used to export the Chart control to the specified format.

URL parameters

Parameter Description
ChartModel It contains the model of the chart.
Data DataURL of the chart to be exported.

Response information

Code: 200

Content-Type: application/octet-stream

Code example

  • JS
    • $("#chartContainer").ejChart(
	 { exportSettings: { angle: 180, action: "http://js.syncfusion.com/demos/ejServices/api/Chart/Export" },
});

    The above example will export the Chart into specified file format.

    SvgExport

    [POST] /Api/Chart/SvgExport

    It is used to export the Chart control as an SVG image.

    URL parameters

    Parameter Description
    ChartModel It contains the model of the chart.
    Data DataURL of the chart to be exported.

    Response information

    Code: 200

    Content-Type: application/octet-stream

    Code example

  • JS
    • $("#chartContainer").ejChart(
	 {exportSettings: { type: "svg", angle: 180, action: "http://js.syncfusion.com/demos/ejServices/api/Chart/SvgExport" },
});

    The above example will export the Chart as an SVG image.

    ExcelExport

    [POST]/Api/Chart/ExcelExport

    It is used to export the Chart control as an Excel document.

    URL parameters

    Parameter Description
    ChartModel It contains the model of the chart.
    Data DataURL of the chart to be exported.

    Response information

    Code: 200

    Content-Type: application/octet-stream

    Code example

  • JS
    • $("#chartContainer").ejChart(
	 {exportSettings: { type: "xlsx", angle: 180, action: "http://js.syncfusion.com/demos/ejServices/api/Chart/ExcelExport" },
});

    The above example will export the Chart as an Excel file.

    WordExport

    [POST] /Api/Chart/WordExport

    It is used to export the Chart control as a Word document.

    URL parameters

    Parameter Description
    ChartModel It contains the model of the chart.
    Data DataURL of the chart to be exported.

    Response information

    Code: 200

    Content-Type: application/octet-stream

    Code example

  • JS
    • $("#chartContainer").ejChart(
	 {exportSettings: { type: "docx", angle: 180, action: "http://js.syncfusion.com/demos/ejServices/api/Chart/WordExport" },
});

    The above example will export the Chart as an Word file.

    PdfExport

    [POST] /Api/Chart/PdfExport

    It is used to export the Chart control as a PDF document.

    URL parameters

    Parameter Description
    ChartModel It contains the model of the chart.
    Data DataURL of the chart to be exported.

    Response information

    Code: 200

    Content-Type: application/octet-stream

    Code example

  • JS
    • $("#chartContainer").ejChart(
	 {exportSettings: { type: "pdf", angle: 180, action: "http://js.syncfusion.com/demos/ejServices/api/Chart/PdfExport" },
});

    The above example will export the Chart as PDF file.

    ImageExport

    [POST] /Api/Chart/ImageExport

    It is used to export the chart control as an image (PNG/JPG).

    URL parameters

    Parameter Description
    ChartModel It contains the model of the chart.
    Data DataURL of the chart to be exported.

    Response information

    Code: 200

    Content-Type: application/octet-stream

    Code example

  • JS
    • $("#chartContainer").ejChart(
	 {exportSettings: { type: "jpg", angle: 180, action: "http://js.syncfusion.com/demos/ejServices/api/Chart/ImageExport" },
});

    The above example will export the Chart as JPG Image.