Skip to content

Latest commit

 

History

History
52 lines (40 loc) · 2.27 KB

File metadata and controls

52 lines (40 loc) · 2.27 KB
sidebar_label png()
title JavaScript Chart - png Method
description You can explore the png method of Chart in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.

png()

@short: Exports a chart to a PNG file

@signature: {'png(config?: IPNGConfig): Promise;'}

@returns: A promise of data export

@params:

  • config - (optional) an object with export settings. You can specify the following settings for export to PNG:
    • url?: string - (optional) the url of the service that executes export and returns an exported file. This setting is optional, you should use it only if you need to specify the path to your local export service. The default value is https://export.dhtmlx.com/chart/png/9.3.0
    • name?: string - (optional) the name of the exported file
    • theme?: string - (optional) the exported theme, "light" by default. For custom or overridden themes, enable the exportStyles option
    • exportStyles?: boolean | string[] - (optional) defines the styles that will be sent to the export service when exporting Chart. Use false to prevent all styles from being sent to the export service
    • header?: string - (optional) an HTML template for the header in the exported file
    • footer?: string - (optional) an HTML template for the footer in the exported file

@example: // default export chart.export.png() .then(() => console.log("success")) .catch(() => console.log("failure")) .finally(() => console.log("finished"));

// export with config settings chart.export.png({ url: "https://export.dhtmlx.com/chart/png/9.3.0", name: "result.png" }) .then(() => console.log("success")) .catch(() => console.log("failure")) .finally(() => console.log("finished"));

@descr:

Related samples: Chart. Export to PDF/PNG

Related API: exportStyles

Change log:

  • The method returns a promise of data export since v9.3
  • The header and footer options of the export object were added in 8.4
  • The theme and exportStyles options of the export object were added in 8.1
  • Added in v8.0