Information about the flash file on the analytics page. ##### How to get flex builder ##### You can visit http://www.adobe.com/cfusion/entitlement/index.cfm?e=flexbuilder3 to either download the flex buider or the Flex plugin for Eclipse. ##### Where are the files at? ##### The swf file that is used on the website is Chart3.swf, in media/flash/. The MXML file is the source code. There are more than just the source code to construct the swf. Since there are a lot of files, I don't want to put them on the repo. To get those files, go to http://www.meutzner.com/blog/attachments/360/Flex_Finance_Step5.html. Right-click -> View Source -> Download Source. To change the XML url, go to templates/account/analytics2/chart.html ##### A brief walk around the flash structure ##### After creating the application, the function createComplete will be called. In this function, the ExternalInterface will call the Javascript function getURL and getName to get the url and name. The javascript is in chart.html in analytic2 folder. If the chart is vs, we need to turn the red graph on, so we need to turn the visible to true. stockInfo.send(): send the request for the xml. When the respond returns, dataResult function will be called will be called. In this function, we set the data source for the graph. rangeData is the whole dataset, used by the smaller bottom chart. mainData is slice of rangeData, used by the larger chart. To change the size of the graph, modify the following variables: [Bindable] private var MAIN_CHART_HEIGHT:Number = 280; [Bindable] private var VOLUME_CHART_HEIGHT:Number = 20; [Bindable] private var RANGE_CHART_HEIGHT:Number = 50; [Bindable] private var CHART_WIDTH:Number = 800; updateMainData(): This function will dictate how the top chart moves around. The important line in this function is mainData.source = rangeData.source.slice(leftIndicator.x, rightIndicator.x);