React Exporter Props

By default, you can export your widget into three formats: PNG, PDF and SVG. If you need to alter this set, assign an array of the required formats to the exportFormat option.

You cannot access widget elements in this function because it is executed before they are ready.

When this option is set to true, the printing icon is displayed making the printing operation available. Otherwise, this icon is concealed.

Learn how to set up the server side for exporting service in our Deploy a Server topic.

This option hides the export menu entirely. To hide only the printing icon, use the printingEnabled option.

Every DevExtreme data visualization widget is created inside a div container. In order to export the widget from this container, assign one of the jQuery selectors to the sourceContainer option. For example, if a chart is placed in a div container that has the 'id' attribute set to 'chartContainer', you can specify the sourceContainer option using the ID selector as follows.

$('#exporterConainter').dxExporter({
    // ...
    sourceContainer: '#chartContainer'
});

To export more than one widget into a single document, put these widgets into a div container and pass that container to the exporter.

<div id="charts">
    <div id="chartA"></div>
    <div id="chartB"></div>
</div>

$('#exporterConainter').dxExporter({
    // ...
    sourceContainer: '#charts'
});