2022.2

ForinspirationyoucoulduseamCharts'online editor:https://live.amcharts.com/new/.
PropertiescanbecopieddirectlyfromtheCodetabintheliveeditortotheSourcetaboftheChartprop-
ertiesdialoginConnect.
NotethatcopyingtheentirecontentoftheCodetabwillalsocarryoverthesampledatafromthelive
editor(thedataProviderkey).ThesewillbeoverwrittenbythechartscriptinConnect.
l
PropertiesdefinedontheSourcetaboverridethosemadeintheScriptWizardoronother
tabsofthePropertiesdialog.TheonlyexceptionisthedataProviderproperty:thiswill
beoverwrittenbythechart'sscript.
l
InConnect,theimplementationwastestedwithPieCharts(amPieChart)andwithBar
ChartsandLineCharts(amSerialChart).Othervariantsmayormaynotwork.
l
Animationswillnotworkintheoutput,eveniftheoutputisawebpage.Thisisbecausethe
chartisgeneratedontheserver,notinthebrowser.
Togetanimationstoworkyouwouldhavetoimplementasolutionsimilartotheone
describedinthisHow-to:Dynamicdashboardcharts.
Using themes
TheamChartslibrarysupportsworkingwiththemes.Thedefaultthemesare:light,dark,black,pat-
terns,andchalk.Allexceptthe'patterns'themecanbeusedinConnecttemplates.Here'showtodo
that.
1. AddthethemetothetopoftheJSONontheSourcetaboftheChartPropertiesdiaog.For
example:
{ "theme": "light",
...
ThissettingoverridesanycolorsettingsmadeintheChartScriptwizardandontheothertabsof
theChartPropertiesdialog.
2. The'light'themerequiresnoothersettings.Fortheotherthemesyouwillhavetomanuallyset
thebackgroundcoloroftheDivelementthatholdsthechart:
A. SwitchtotheDesignmode.
B. Right-clickthechartareaandselectBox...fromthecontextualmenu.
C. OntheBackgroundtab,settheColorto:
l
#282828forthe'dark'themeandthe'chalk'theme
l
#222222forthe'black'theme
Page 235