2022.2

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PrintShopMail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com-
patibilityissuessee:"BusinessGraphics:BackwardCompatibilityIssuesintroducedin2018.1"on
page85.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
(see"Loadingdata"onpage299).
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.
4.
l
At cursor positioninsertsitwherethecursorislocatedinthetemplate.
l
Before elementinsertsitbeforetheHTMLelementinwhichthecursoriscurrentlyloc-
ated.Forexampleifthecursoriswithinaparagraph,theinsertionpointwillbebeforethe
<p>tag.*
Page 230