2019.1

l A Div element. It has a data-amchart attribute, as you can see when you select the
chart and open the Source view in the Workspace. The data-amchart attribute
contains settings for how the data is displayed. These settings are made via the chart's
properties (see "Enhancing a charts' design" on page678).
l A script. The script determines which data are displayed in the chart, with which
colors and labels. The script can be edited any time; see "Selecting data for a
Business Graphic" below.
When a preview or output must be generated, the script adds the data for the chart
to the data-amchart attribute (in a dataProvider property). Connect then
passes the value of that attribute to the integrated amCharts library.
Rasterizing a business graphic
Business graphics are output as SVG images, but not all clients may support that format. Before
generating output, you may want to 'rasterize' it. This converts the business graph into a JPG or
PNG image.
To rasterize a business graphic, right-click it and select Rasterize Options.
For a JPG image you can set the quality of the resulting image in a percentage.
Note
A business graphic in an Email section is rasterized by default and output as PNG image, because
email clients usually don't support SVG images.
SVG images in an Email section give an error in the Preflight window (see "Doing a Preflight" on
page808).
Selecting data for a Business Graphic
A Business Graphic script determines which data, colors and labels are used in the chart.
Double-click the script on the Scripts pane to open it.
Tip
To find the script that provides data for a chart, hover over the names of the script in the Scripts
pane. That particular script will highlight the chart in the template and its selector is the same as the
ID of the business graphic (preceded by #).
Page 675