2018.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 the facing page).
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 in a Business Graphic
script" 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.
Selecting data in a Business Graphic script
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 #).
1.
Next to Values, select data fields with a numerical value.
2.
Adjust the label of each of the selected data fields as needed: click on the label and type
the new one.
In Bar and Line Charts with Data Fields as input data, these labels appear under the x-
axis of the chart.
Note
Labels are used in the legend. They will be visible when the legend is enabled.
3.
Select a color for each of the selected fields: click on the color to open the Edit Color
dialog.
The Preview shows what the chart looks like with the current settings, whilst the Data Preview
shows which data will be passed to the amCharts library.
Page 217