2022.2

Business graphics
Businessgraphicsareagreatwaytovisualizedatainyourdocuments.ConnectDesignerletsyoucre-
ate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wiz-
ard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under-
lyingconfiguration:ProgrammaticallyconfigureaChartobject.
ForanotherexampleseethisHow-to:PutonesliceperdetailrecordinaPieChart.
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107.
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:
1. Placethecursorwherethegraphicshouldbeadded.Alsomakesurethatyouhaveloadeddata
oradatamappingconfiguration(see"Loadingdata"onpage710).
2. Clickthetoolbarbuttonofthetypeofchartyouwanttoadd,orselectInsert > Business graphic
andchoosethecharttype.
Thewizardopenswithapageonwhichyoucanspecifytheattributesandinsertionpointofthe
graph.
3. AnIDisrequired.YoucanchangethegivenIDand,optionally,addaclass.
Page 626