2021.2

In HTML, boxes are <div> elements. Spans are <span> elements. To learn how to change the
attributes of elements, see "Attributes" on page636.
Business graphics
Business graphics are a great way to visualize data in your documents. Connect Designer lets
you create three types of grapics:Bar Charts, Line Charts and Pie Charts. The charts are
generated by the integrated amCharts library (https://www.amcharts.com/javascript-charts/).
This topic explains how to create and edit a business graphic using a Wizard, without scripting.
The wizard helps you to select data and it shows a preview of both the chart and the supplied
data.
Connect supports the majority of features of the amCharts library (version: 3.21.12), whether or
not they are directly available in the Chart wizard or via the Chart Properties dialog. As a rule,
configuration options that aren't available as an option in a dialog can be set manually on the
Source tab of the Chart Properties dialog.
Instead of using a Wizard, you could insert a business graphic manually by turning a standard
<div> element into a chart object using scripting.
There is a How-to that guides you through that process and gives a better understanding of the
underlying configuration: Programmatically configure a Chart object.
For another example see this How-to: Put one slice per detail record in a Pie Chart.
Note
As of PlanetPress Connectversion 2018.1, the way charts can be compiled and
presented has been greatly improved. As a consequence, charts made with a version of
Connect prior to 2018.1 may not be converted correctly when opened in a later version.
For a list of known backward compatibility issues see: "Business Graphics: Backward
Compatibility Issues introduced in 2018.1" on page117. Also note that charts based on
expanded, custom scripts are never converted.
Inserting a business graphic
The Connect Designer has wizards for adding three kinds of graphics: Pie Charts, Bar Charts
and Line Charts. These wizards insert the chart and its accompanying script, after you select
the data that should be displayed, their colors and labels, and a few display options.
To insert a business graphic in a template:
Page 700