詳解gforms使用手冊(cè)chart

GFormsChartGFormsChart目 目 EventsHide MethodsShow EventsShow Formattingdatesoncategory 參考手 1.GFormschartamchartsamCharts2.1.GFormschartamchartsamCharts2.fileisincludedinaweb2.1.Youcansetthemeforallthechartsonyourpagebysetting:=AmCharts.themes.light;//orsomeothertheme.IfyouarecreatingchartsusingJavaScriptAPI,notJSON,thenthisisquiteacomfortableway,asyouwon'tneedtopassthemetoeachobjectyoucreate.Note,youshouldsetthemebeforewritemethodiscalled.Thereisnowaytochangethemeofalreadycreatedchart,youhavetocreatechart'sinstanceoncemoreifyouwanttochangetheme.SetittotrueifyouhavebasefixrenderingproblemsinFirefoxcausedbybasehref.Arrayofdaynames,usedwhenformattingdates(if3.AmChartisabaseclassofallcharts.Itcannotbeinstantiated3.AmChartisabaseclassofallcharts.ItcannotbeinstantiatedextendAmChart3.1.Arrayoflabels.Exampleoflabelobject,withallpossibleproperties:{"x":20,"y":20,"text":"thisislabel","left","size":12,"color":"#CC0000","alpha":1,"rotation":0,"bold":true,"url":》Backgroundcolor.YoushouldsetbackgroundAlphato>0valueinorderbackgroundtobevisible.Weromndsettingbackgroundcolordirectlyonchart'sDIViteadofusingthiscategoryAxis.parseDatesissettotrue)ThechartcreatesAmBalloonclassitself.Ifyouwanttocustomizeballoon,getballooninstanceusingthisproperty,andthenchangeballoon'sproperties.0OpacityofThechartcreatesAmBalloonclassitself.Ifyouwanttocustomizeballoon,getballooninstanceusingthisproperty,andthenchangeballoon'sproperties.0Opacityofchart'sborder.Valuerangeis0-1.borderAlpha>0inorderbordertobevisible.Werecommendsettingcolordirectlyonachart'sDIVofusingthis》TextArrayofdataobjects,forexample:ofAmMap,dataprovidershouldbeMapDataObjectofexportconfig.WillenablesavingchartasanimageforallmodernbrowsersexceptIE9(IE10+worksfine).FontFontIfyousetthistotrue,thelinesofthechartFontIfyousetthistotrue,thelinesofthechartwillbedistortedandwillproducehand-drawneffect.Trytoadjustchart.handDrawScatterandchart.handDrawThicknesspropertiesforamorescatteredresult.2Definesbyhowmanypixelshand-drawnline(whenhandDrawnissettotrue)willfluctuate.1Definesbyhowmanypixelslinethicknesswillfluctuate(whenhandDrawnissettotrue).Heightofachart."100%"meansthechart'sheightwillbeequaltoit'scontainer's(DIV)heightandwillresizeifheightofthecontainerchanges.Setanumberitadofpercentsifyourchart'ssizeneedstobeixd.Time,inmillisecondsafterwhichballoonishiddeniftheuserrolls-outoftheobject.MightbeusefulforAmMaptoavoidballoonflickeringwhilemovingmouseovertheareas.LegendofaReferencetothedivoftheObjectwithprecision,decimalSeparatorandthousandsSeparatorsetwhichwillbeusedfornumberformatting.Precisionsetto-1meansthatvalueswon'tbeObjectwithprecision,decimalSeparatorandthousandsSeparatorsetwhichwillbeusedfornumberformatting.Precisionsetto-1meansthatvalueswon'tbeThissettingaffectstouch-screendevicesonly.Ifachartisonapage,andpanEventsEnabledaresettotrue,andoccupiesallthescreenofyourmovethepageatall.That'swhythedefaultvalueis"false".Ifyouthinkthatselecting/panningthechartormoving/pinchingthemapisaprimarypurposeofyourusers,youshouldsetpanEventsEnabledtotrue.Specifiespathtothefolderwhereimageslikeresizegrips,lensandsimilarare.Objectwithprecision,decimalSeparatorandthousandsSeparatorsetwhichwillbeusedforformattingpercentvalues.Prefixeswhichareusedtomakebigix:"k"},{nix:"k"},{netc.Prefixesareusedonvalueaxesandinthelegend.Toenableprefixes,setusePrefixespropertytotrue.r:1e-r:1e-r:1e-r:1e-r:1e-Prefixeswhichareusedtomakesmallnumbersshorter:2μinsteadof0.000002,etc.Prefixesareusedonprefixes,setusePrefixespropertyto3.2.align,size,color,rotation,alpha,bold,url)x-horizontalcoordinatey-coordinatetext-label'stextAddsalabelonachart.Youcanuseitforlabelingaxes,addingcharttitle,etc.xand3.2.align,size,color,rotation,alpha,bold,url)x-horizontalcoordinatey-coordinatetext-label'stextAddsalabelonachart.Youcanuseitforlabelingaxes,addingcharttitle,etc.xandr:1e-Arrayoftitles.Titleisjustasimpleobject,forexample:{"text":"sometitle","size":14,"color":"#CC0000","alpha":1,"bold":Typeofachart.RequiredwhencreatingchartusingJSON.Possibletypesare:serial,pie,xy,radar,funnel,gauge,map,stock.Iftrue,prefixeswillbeusedforbigprefixesviaprefixesOfSmallNumbersandprefixesOfBigNumbersproperties.ascript.color-textcolor-textcolorrotationalpha-labelalphabold-specifiesiftextisbold(true/false),urlurlofsetinnumber,percent,oranumberwith!infrontofit-calculatedfromrightorbottominsteadofleftor referencetolegenddivAddsalegendtothechart.Bydefault,youdon'tneedtocreatedivforyourlegend,insomedifferentdivanywhereyoureferencetoyourdivasasecondparameter.(NOTE:Thismethodwillnotworkontype-stringlike(shouldbelistedin'events'sectionofthisclassorclasseswhichextendthisclass).handler-Addseventlistenertothefunctionwhichiscalledwheneventcolor,alpha,bold)text-textofatitlesize-fontsizecolor-functionwhichiscalledwheneventcolor,alpha,bold)text-textofatitlesize-fontsizecolor-titleopacitybold-booleanvalueindicatingiftitleshouldbeAddstitletothetopofthechart.Pie,Radarpositionsareupdatedsothattheywon'toverlap.PlotareaofSerial/XYchartisalsoupdatedpropertyissettofalse.Youcanaddanynumberoftitles-eachofinanewline.Toremovetitles,simplycleartitlesarray:chart.titles=[];andcall()method.Clearsthechartarea,intervals,RemovesalllabelsUsethismethodtoforcethecharttoresizetoit'scurrentcontainert,type,handler)chart-chartobject,type-eventname,handlerUsethismethodtoforcethecharttoresizetoit'scurrentcontainert,type,handler)chart-chartobject,type-eventname,handler-methodRemoveseventlistenerfromchartbecalledafterdatainyourdataproviderchangedoranewarraywassettoAftercallingthismethodthechartThismethodshouldpropertiesofanyclass.Thechartwillredrawafterthismethodis3.3.4.Inheritance:AmCoordinateChart→3.3.4.Inheritance:AmCoordinateChart→EventDispatchedwhenchartisbuildforthefirsttimeoraftervalidateData()methodwasFiredeverytimechartisdrawn-onzoom,hidegraph,etc.Dispatchedwhenchartisbuildforthefirsttime.Dispatchedwhenthechartisbuildforthefirsttime.container-idofaDIVorDIVobjectwhichwillholdtheAddscharttothespecifiedDIV.4.1.A4.1.A]Read-only.Array,holdingprocessedchart'sASpecifiesthecolorsofthegraphsifthemoregraphsthencolorsinthisarray,thechartpicksrandomcolor.Amethodsinsteadofadding/removinggraphsdirectlytoarray.yBSpecifiesifgridshouldyBSpecifiesifgridshouldbedrawnabovethegraphsorbelow.Willnotworkproperlywith3Dcharts.N0Theopacityofplotarea'sborder.Valuerangeis0-1.Sitisinvisiblebydefault,asplotAreaBorderAlphadefaultvalueis0.Setittoavaluehigherthan0tomakeitN0keepthesamepropertynamesasourFlexcharts'.Flexchartscanacceptarrayofnumberstogenerategradients.Althoughyouarraywillbeused.Scolororarrayofcolorstogenerategradients,forexample:["#000000",BBSpecifieswhethertheanimationshouldbesequencedorallobjectsshouldappearatN1Theinitialopacityofthecolumn/line.If0,thecolumns/lineswillfadeinfromstartAlpha.Valuerangeis0-1.N0Durationoftheanimation,inSAnimationeffect.Possiblevaluesare">","<",elastic"and"bounce".4.2.graph-ofAddsagraphtothechart.axis-ofAddsvalueaxisvalueaxisis4.2.graph-ofAddsagraphtothechart.axis-ofAddsvalueaxisvalueaxisissoifyoudon'twanttochangeanythingoraddSTargetofAaxisuseaddValueAxis/removeValueAxismethodsinsteadofadding/removingaxesdirectlytoarray.Chartcreatesonevalueaxisautomatically,soifyouneedonlyonevalueaxis,youdon'tneedtocreateit.morevalueaxes,addit.Youcantriggertheanimationofthechart.id-graph'sid,StringReturnsmorevalueaxes,addit.Youcantriggertheanimationofthechart.id-graph'sid,StringReturnsgraphbyid-valueaxis'id,axisbyid.graph-ofHidethegraph(ifitisUsuallythismethodiscalledfromtheLegend,thelegendgraph-ofHidevalueballoonofagraph.UsuallythismethodiscalledfromtheLegend,whenyouclickonthelegendtext.graph-ofHighlightthegraph.UsuallythismethodiscalledfromtheLegend,whenyouroll-overthelegendentry.graph-ofRemovesgraphfromthechart.axis-graph-ofHighlightthegraph.UsuallythismethodiscalledfromtheLegend,whenyouroll-overthelegendentry.graph-ofRemovesgraphfromthechart.axis-ofRemovesvalueaxisfromthechart.Whenyouremovevalueaxis,allgraphsassignedtothisaxisarealsograph-ofShowthegraph(ifitisthismethodiscalledfromtheLegend,whenyouclickonthelegendmarker.graph-ofShowvalueballoonofagraph.UsuallythismethodiscalledfromtheLegend,whenyouclickonthe4.3.EventDispatchedwhenuserclicksona4.3.EventDispatchedwhenuserclicksonauserclicksonthedataitemthedataitemDispatchedwhenthedataitemlegendgraph-ofthegraph.UsuallythismethodiscalledfromtheLegend,thelegend5.AmRectangularChartisabaseclassofAmSerialChartandAmXYChart5.AmRectangularChartisabaseclassofAmSerialChartandAmXYChart.Itcannot5.1.0Theangleofthe3Dpartofplotarea.Thiscreatesa3Deffect(ifthe"depth3D"is>0).Spaceleftfromaxislabels/titletothechart'soutsideborder,ifautoMarginssettotrue.Specifiesifmarginsofachartshouldbecalculatedautomaticallysothatlabelsofaxeswouldfit.Thechartwilladjustonlymarginswithaxes.OthermarginswillusevaluessetwithmarginRight,marginTop,marginLeftandmarginBottomproperties.EventdataitemChartChart0Thedepthofthe3Dpartofplotarea.Thiscreatesa3Deffect(ifthe"angle"is>0).Numberofpixelsbetweenthecontainer'sbottomChartChart0Thedepthofthe3Dpartofplotarea.Thiscreatesa3Deffect(ifthe"angle"is>0).Numberofpixelsbetweenthecontainer'sbottomborderandplotarea.Thisspacecanbeusedforbottomaxis'values.IfautoMarginistrueandbottomsidehasaxis,thispropertyisignored.Numberofpixelsbetweenthecontainer'sleftborderandplotarea.Thisspacecanbeusedforleftaxis'values.IfautoMarginistrueandleftsidehasaxis,thispropertyisignored.Numberofpixelsbetweenthecontainer'srightborderandplotarea.ThisspacecanbeusedforRightaxis'values.IfautoMarginistrueandrightsidehasaxis,thispropertyisFlagwhichshouldbesettofalseifyouneedmarginstoberecalculatedonnextchart.validateNow()call.Numberofpixelsbetweenthecontainer'stopborderandplotarea.Thisspacecanbeusedfortopvalues.IfautoMarginistrueandtopsidehasaxis,thispropertyisignored.0Ifyouareusinggradientstofilltheplotarea,youcanusethispropertytosetgradientangle.values.IfautoMarginistrueandtopsidehasaxis,thispropertyisignored.0Ifyouareusinggradientstofilltheplotarea,youcanusethispropertytosetgradientangle.Theonlyallowedvaluesarehorizontalandvertical:0,90,180,Arrayoftrendlinesaddedtoachart.YoucanaddtrendlinestoachartusingthisarrayoraccessalreadyexistingtrendlinesIt'sasimpleobjectcontaininginformationaboutzoom-outbutton.OtheravailablepropertiesofthisobjectarefontSizeandcolor.colorspecifiestextcolorofabutton.0Opacityofzoom-outbuttonZoom-outbuttonbackgroundNameofzoom-outbuttonimage.Intheimagesfolderthereisanotherlensimage,calledlensWhite.png.Youmightwanttohavewhitelenswhenbackgroundisdark.Oryoucansimplyuseyourownimage.Sizeofzoom-outbutton5.2.toachartscrollbar-aChartScrollbartoaAddsaTrendLinetoachart.5.2.toachartscrollbar-aChartScrollbartoaAddsaTrendLinetoachart.Youshouldcallafterthismethodiscalledinorderthetrendlinetobethechart8Paddingaroundthetextand1Opacityofzoom-outbuttonbackgroundwhenmouseisoverit.ShowTextinthezoom-out5.3.6.Inheritance:AmPieChart→AmPieChartclasscreatespie/donutchart.Inorder5.3.6.Inheritance:AmPieChart→AmPieChartclasscreatespie/donutchart.Inordertodisplaypiechartyouneedtosetleastthreeproperties-dataProvider,titleFieldandvalueField.ForvarchartData=[{title:"PieIhaveeaten",value:70},{title:"PieIhaven\'tvarchart=newAmCharts.AmPieChart();chart.valueField="value";chart.titleField="title";chart.dataProvider=chartData;Eventfromthechartfromachart.Youshouldcallinorderthechangestobevisible.6.1.0Pieleanangle(for3Deffect).Validrangeis0-Balloontext.Thefollowingtagscanbe6.1.0Pieleanangle(for3Deffect).Validrangeis0-Balloontext.Thefollowingtagscanbe[[percents]],[[description]]oranyotherfieldnamefromyourdataprovider.HTMLtagscanalsobe0Innerradiusofthepie,inpixelsorpercents.NameofthefieldindataProviderwhichspecifiesthelengthofatick.Note,thechartwillnottrytoarrangelabelsautomaticallyifthispropertyisset.tagscanbeused:[[value]],[[title]],Thedistancebetweenthelabelandtheslice,inpixels.Youcanusenegativevaluestoputthelabelontheslice.[[percents]],[[description]]oranyotherfieldnamefromyourdataprovider.Minimumradiusofthepie,inpixels.1Opacityoftheslices.Youcan[[percents]],[[description]]oranyotherfieldnamefromyourdataprovider.Minimumradiusofthepie,inpixels.1Opacityoftheslices.Youcansettheopacityofindividualslicetoo.Youcansetfixedpositionofapiecenter,inpixelsorinYoucansetfixedpositionofapiecenter,inpixelsorinPulloutradius,inpixelsorpercentsRadiusofapie,inpixelsorpercents.Bydefault,radiusiscalculatedAngleofthefirstslice,indegrees.Thiswillworkproperlyonlyif"depth3D"issetto0.If"depth3D"isgreaterthan0,thentherecanbetwoanglesonly:90Youcantriggertheanimationofthepiechart.index-thenumberofasliceorSliceobject.YoucantriggertheclickonYoucantriggertheanimationofthepiechart.index-thenumberofasliceorSliceobject.Youcantriggertheclickonaslicefromoutside.index-thenumberofasliceorSliceobject.index-thenumberofasliceorSliceobject.Youcansimulateroll-outofaslicefromoutside.index-thenumberofasliceorSliceobject.Youcansimulateroll-overaslicefromoutside.index-thenumberofasliceorSliceobject.Showsand270.ValuerangeisRadiusofthepositionsfromwhichthesliceswillflyin.6.3.7.Inheritance:AmSerialChart→AmRectangularChart→AmCoordinateChart→AmSerialChartistheclassyouhavetouseformajorityofcharttypes.Thesupportedcharttypesare:line,area,column,bar,stepline,smoothedline,candlestickandOHLC.Thechartcanberotated6.3.7.Inheritance:AmSerialChart→AmRectangularChart→AmCoordinateChart→AmSerialChartistheclassyouhavetouseformajorityofcharttypes.Thesupportedcharttypesare:line,area,column,bar,stepline,smoothedline,candlestickandOHLC.Thechartcanberotatedby90degreessothecolumnchartbecomesbarchart.Thechartsupportssimpleandlogarithmicscales,itcanhavemultiplevalueaxes.Thechartcanplacedatapointsatequalintervalsorcanparsedatesandplacedatapointsatirregularvarchart=newAmCharts.AmSerialChart();chart.categoryField="title";chart.dataProvider=chartData;EventdataItem:Slice,Dispatchedwhenuserclicksonaslice.Eventisaninstanceoforiginalmouseevent.dataItem:Slice,Dispatchedwhenuserclicksonasliceandthesliceispulled-in.Eventisaninstanceoforiginalmouseevent.dataItem:Slice,Dispatchedwhenuserclicksonasliceandthesliceispulled-out.Eventisaninstanceoforiginalmouseevent.dataItem:Slice,Dispatchedwhenuserright-clickstheslice.Eventisaninstanceoforiginalmouseevent.dataItem:Slice,Dispatchedwhenuserrolls-outoftheslice.Eventisaninstanceoforiginalmouseevent.dataItem:Slice,Dispatchedwhenuserrolls-overtheslice.Eventisaninstanceoforiginalmouseevent.7.1.Dateformatofthegraphballoon(ifchartparses7.1.Dateformatofthegraphballoon(ifchartparsesdatesandyouRead-only.Chartcreatescategoryaxisitself.Ifyouwanttochangesomeproperties,youshouldgetthisaxisfromthetothisobject.CategoryfieldnametellsthechartthenameofthefieldinyourdataProviderobjectwhichwillbeusedforcategoryaxisvalues.Read-only.ctsgeneratedfromvargraph=newAmCharts.AmGraph();graph.valueField="value";graph.type="column";graph.fillAlphas=1;5Thegapinpixelsofthesame0stackedcolumns.Relativewidthofis0-1.5Thegapinpixelsofthesame0stackedcolumns.Relativewidthofis0-1.Read-only.Ifcategoryaxisparsesdatestowhichthechartiscurrentlydisplayed.indextowhichthechartiscurrentlyseriesallowedtoThelongesttimespanallowedtoselect(inmilliseconds)forexample,259200000willlimitselectionto30allowedtoselect(inmilliseconds)forexample,1000willlimitselectionto1Thelongesttimespanallowedtoselect(inmilliseconds)forexample,259200000willlimitselectionto30allowedtoselect(inmilliseconds)forexample,1000willlimitselectionto1Specifiesifscrollingofachartwithmousewheelisenabled.Ifyousetthistotrue,thechartwillbe(thecolumnswillbecomebars).axisparsesdatesstartDateindicatesdatefromwhichthechartiscurrentlyRead-only.Categoryindexfromwhichthechartiscurrently7.2.value-series(categoryvalue)wanttofind.thespecifiedcategoryvalue.Zoomsout,availabledata.start-categoryvalue,7.2.value-series(categoryvalue)wanttofind.thespecifiedcategoryvalue.Zoomsout,availabledata.start-categoryvalue,String\\end-categoryvalue,StringbythevalueofthecategoryzoomToDates(start,start-startdate,Dateobject\\ZoomsthechartfromonedatetozoomToIndexes(start,Number\\end-endindex,bytheindexofthecategory.Specifiesifchartdataisupdated.7.3.8.AmRadarChartis7.3.8.AmRadarChartistheclassyouhavetouseforradarandpolarchartvarvarchartData=[{country:"Czechwindow.onload=function()EventDispatchedwhencursorpositionischanged."index"isaseriesindexoverwhichchartcursorscurrentlyis."zooming"specifiesifuseriscurrentlyzooming(isselecting)theendValue:String,startDate:Date,startValue:String,chart:AmChart}Dispatchedwhenthechartiszoomed(evenforthefirsttime,whenchartisinitialized)8.1.Fieldinyourdataprovider8.1.Fieldinyourdataprovidercontaining0Bottommarginofthechart.dataProvider=chartData;chart.categoryField="country";chart.startDuration=2;varvalueAxis=newAmCharts.ValueAxis();valueAxis.axisAlpha=0.15;valueAxis.gridCount=5;vargraph=newAmCharts.AmGraph();graph.valueField="litres";graph.bullet="round";graph.balloonText="[[value]]litresofbeerperyear"}.9.Inheritance:AmXYChart→AmRectangularChart→AmCoordinateChart→AmXYChartistheclassyouhavetousefor.9.Inheritance:AmXYChart→AmRectangularChart→AmCoordinateChart→AmXYChartistheclassyouhavetouseforXY/Bubble/Scattercharttypes.Thesupportssimpleandlogarithmicscales,itcanhavemultiplevaluevarchartData=[{x:10,y:14,{x:5,y:3,{x:-10,y:-3,{x:-6,y:5,Event0Leftmarginofthe0Rightmarginofthe0TopmarginoftheRadiusofa{x:15,y:-4,{x:13,y:1,{x:1,y:6,varchart=newchart.pathToImages=chart.dataProvider{x:15,y:-4,{x:13,y:1,{x:1,y:6,varchart=newchart.pathToImages=chart.dataProvider=chart.marginLeft=varxAxis=newxAxis.position=varyAxis=newyAxis.position=vargraph=newgraph.valueField=graph.xField=graph.yField=graph.lineAlpha=graph.bullet=varchartCursor=new.9.3.EventZoomsout,chartsshowsallavailable.9.3.EventZoomsout,chartsshowsallavailableSpecifiesifScrollbarofXaxis(horizontal)shouldbehidden.SpecifiesifScrollbarofYaxis(vertical)shouldbehidden.MaximumzoomfactorofthevarchartScrollbar=newAmCharts.ChartScrollbar();chartScrollbar.hideResizeGrips=false;AmLegendistheclassthatdisplayslegendofthechart.LegendtothechartshouldAmLegendistheclassthatdisplayslegendofthechart.LegendtothechartshouldIncaselegendisusedwithAmMap,youshouldprovidedatatotheHoweverinmostcasesValueLegendismoreusefulfor10.1.Alignmentoflegendentries.Possiblevaluesare:"left","center","right".UsedifchartisSerialorXY.Incasetrue,marginsofthelegendareadjustedandmadeequaltochart'smargins.0Opacityoflegend'sbackground.Valuerangeis0-setbackgroundAlphato>0vallueinorderbackgroundtobevisible.legend.data=[{title:"first",color:"#CC0000"},{title:"second",color:"#00varchart=newvarlegend=newAmCharts.AmLegend();0Opacityofchart'sborder.Valuerangeis0-1.Coloroflegend'sborder.YoushouldsetborderAlpha>0inorderbordertobevisible.Incaselegendpositionis0Opacityofchart'sborder.Valuerangeis0-1.Coloroflegend'sborder.YoushouldsetborderAlpha>0inorderbordertobevisible.Incaselegendpositionissetto"absolute",youcansetdistancefrombottomofthechart,inTextcolor.Willusechart'scolorifnotset.ThiscanbeusedbyAmMaponly.Youcanpassarrayofobjectswithtitle,color,markerTypevalues,forexample:[{title:"One",color:"#3366CC"},{title:"Two",color:"#FFCC33"}]Youcansetidofadivorareferencetodivobjectincaseyouwantthelegendtobeplacedinaseparatecontainer.Specifiesifeachoflegendentryshouldbeequaltothemostwideentry.Won'tlookgoodiflegendhasmorethanoneline.Fontsize.Willusechart'sfontsizeifnotset.0Horizontalspacebetweenlegenditemandleft/rightThetextwhichwillbedisplayedinthelegend.Tag[[title]]willbereplacedFontsize.Willusechart'sfontsizeifnotset.0Horizontalspacebetweenlegenditemandleft/rightThetextwhichwillbedisplayedinthelegend.Tag[[title]]willbereplacedwiththetitleofthegraph.Incaselegendpositionissetto"absolute",youcansetdistancefromleftsideofthechart,in0BottomLeftmargin.ThispropertywillbeignoredifchartisSerialorXYandautoMarginspropertyofthelegendistrue(default).Rightmargin.ThispropertywillbeignoredifchartisSerialorXYandautoMarginspropertyofthelegendistrue0Top1MarkerborderMarkerbordercolor.Ifnotset,willusethesamecoloras1Thicknessofthelegendborder.Thedefaultvalue(0)meansthelinewillbea"hairline"(1px).IncasemarkertypeisMarkerbordercolor.Ifnotset,willusethesamecoloras1Thicknessofthelegendborder.Thedefaultvalue(0)meansthelinewillbea"hairline"(1px).Incasemarkertypeisline,thisstylewillbeusedforlineThecolorofthedisabledmarker(whenthegraphis5andlegendtext,inpixels.SizeofthelegendmarkerShapeofthelegendmarker(key).Possiblevaluesare:"square","circle","line","triangleDown","bubble",inthelegend.IfLegend'spositionissetto"right"or"left",maxColumnsisautomaticallysetto1.Thetextwhichwilldisplayedinthevalueportionofthelegendwhenuserisnothoveringaboveanydatadisplayedinthevalueportionofthelegendwhenuserisnothoveringaboveanydatapoint.Thetagsshouldbemadeoutoftwoparts-thenameofafield(value/open/close/high/low)andthevalueoftheperiodyouwanttobeshow-open/close/high/low/sum/average/count.Forexample:[[value.sum]]meansthatsumofalldatapointsofvaluefieldintheselectedperiodwillbePositionofalegend.Possiblevaluesare:"bottom","top","left","right"and"absolute".Incase"absolute",youshouldsetleftandtoppropertiestoo.(thissettingisignoredinStockcharts).IncaselegendisusedwithAmMap,positionissetto"absolute"automatically.Specifieswhetherlegendentriesshouldbeplacedinreversedorder.Incaselegendpositionissetto"absolute",youcansetdistancefromrightsideofthechart,inLegenditemtextcolorroll-1Whenyouroll-overthelegendentry,allothergraphscanreducetheiropacity,sothatthegraphyourolled-overwouldbedistinguished.ThisstylespecifiestheopacityoftheYoucanusethispropertytoturnallthelegendroll-1Whenyouroll-overthelegendentry,allothergraphscanreducetheiropacity,sothatthegraphyourolled-overwouldbedistinguished.ThisstylespecifiestheopacityoftheYoucanusethispropertytoturnallthelegendentrieslegenditems,inpixels.Whethershowing/hidingofgraphsbyclickingonthelegendmarkerisenabledornot.IncaselegendisusedwithAmMap,thisissettofalseLegendswitchxLegendswitchtype(incasethelegendisswitchable).Possiblevaluesare"x"and"v".Iftrue,clickingonthetextwillshow/hideballoonofthegraph.Otherwiseitwillshow/hidegraph/slice,ifswitchableissettoIncaselegendpositionissetto"absolute",youcansetdistancefromtopofthechart,inpixels.Legendmarkerscanmirrorgraph’ssettings,displayingalineandarealbulletasinthegraphitself.SetthisswitchableissettoIncaselegendpositionissetto"absolute",youcansetdistancefromtopofthechart,inpixels.Legendmarkerscanmirrorgraph’ssettings,displayingalineandarealbulletasinthegraphitself.SetthispropertytotrueifyouwanttoenablethisLabelswillusemarkercolorifyousetthistotrue.Specifiesiflegendvaluesshouldbeusesamecolorascorrespondingmarkers.Alignmentofthevaluetext.Possiblevaluesare"left"andThetextwhichwillbedisplayedinthevalueportionofthelegend.Youcanusetagslike[[value]],[[open]],[[high]],[[low]],[[close]],[[percents]],[[description]].WidthofthevalueEventDispatchedwhenlegendlabelisisclicked.EventDispatchedwhenlegendlabelisisclicked.type-stringlike'clickLabel'(shouldbelistedin'events'sectionofthisclassorclasseswhichextendthisclass).handler-functionwhichiscalledwheneventhappensAddseventtype,handler)listenerfromthelegendVerticalspacebetweenlegenditemsalsobetweenlegendborderandfirstandlastlegendAmGraphclassdisplaysalltypesofgraphs-line,column,stepline,smoothedline,AmGraphclassdisplaysalltypesofgraphs-line,column,stepline,smoothedline,andcandlestick.varchart=newAmCharts.AmSerialChart();vargraph=newAmCharts.AmGraph();graph.valueField='value';graph.type=EventDispatchedwhenuserclicksonalegenditemmarkerandhidescorrespondingobject.ofthelegenditemlabel(orwholeitem,ifswitchableissettofalse).thelegenditemlabel(orwholeitem,ifswitchableissettothelegenditemmarker.Dispatchedwhenuserclicksonalegenditemmarkerandshowscorrespondingobject.11.1.NameofthealphafieldinyourValueballooncolor.Willusegraphordataitemcolorifnotset.Ifyousetsomefunction,thegraphwillcallitandpassGraphDataItemandAmGraphobjecttoit.Thisfunction11.1.NameofthealphafieldinyourValueballooncolor.Willusegraphordataitemcolorifnotset.Ifyousetsomefunction,thegraphwillcallitandpassGraphDataItemandAmGraphobjecttoit.Thisfunctionshouldreturnastringwhichwillbedisplayedinaballoon.Balloontext.Youcanusetagslike[[value]],[[description]],[[percents]],[[open]],[[category]]oranyotherfieldnamefromyourdataprovider.HTMLtagscana