flex chart学习笔记.docx
- 文档编号:2805060
- 上传时间:2023-05-04
- 格式:DOCX
- 页数:53
- 大小:24.52KB
flex chart学习笔记.docx
《flex chart学习笔记.docx》由会员分享,可在线阅读,更多相关《flex chart学习笔记.docx(53页珍藏版)》请在冰点文库上搜索。
flexchart学习笔记
Flex中如何创建clustered,stacked,overlaid以及100%Barcharts
xmlversion="1.0"encoding="utf-8"?
>
Applicationxmlns: mx=" layout="vertical" verticalAlign="middle" backgroundColor="white"viewSourceURL="srcview/index.html"> ApplicationControlBardock="true"> Form> FormItemlabel="type: "> ComboBoxid="comboBox"> dataProvider> Objectlabel="clustered"/> Objectlabel="stacked"/> Objectlabel="100%"/> Objectlabel="overlaid"/> dataProvider> ComboBox> FormItem> FormItemlabel="showDataTips: "> CheckBoxid="checkBox1"/> FormItem> FormItemlabel="showAllDataTips: "> CheckBoxid="checkBox2"/> FormItem> Form> Spacerwidth="100%"/> LegenddataProvider="{barChart}"/> ApplicationControlBar> BarChartid="barChart" type="{comboBox.selectedItem.label}" showDataTips="{checkBox1.selected}" showAllDataTips="{checkBox2.selected}" height="100%" width="100%"> dataProvider> Array> Objectname="RWinn"obp=".353"slg=".445"avg=".300"/> Objectname="PFeliz"obp=".290"slg=".418"avg=".253"/> Objectname="OVizquel"obp=".305"slg=".316"avg=".246"/> Objectname="BMolina"obp=".298"slg=".433"avg=".276"/> Objectname="RDurham"obp=".295"slg=".343"avg=".218"/> Array> dataProvider> verticalAxis> CategoryAxiscategoryField="name"/> verticalAxis> series> BarSeriesyField="name"xField="obp"displayName="OBP"/> BarSeriesyField="name"xField="slg"displayName="SLG"/> BarSeriesyField="name"xField="avg"displayName="AVG"/> series> BarChart> Application> Flex中如何利用canDropLabels样式,移除图表中一些水平轴线上标签 xmlversion="1.0"? > Applicationxmlns: mx=" layout="vertical" verticalAlign="middle" backgroundColor="white"viewSourceURL="srcview/index.html"> XMLid="quotesXML"source="adbe.xml"format="e4x"/> XMLListCollectionid="adbe"source="{quotesXML.quote}"/> Stringid="ADBE_YAHOO"> ApplicationControlBardock="true"> CheckBoxid="checkBox" label="canDropLabels: " labelPlacement="left"/> ApplicationControlBar> LinkButton label="ADBE" click="navigateToURL(newURLRequest(ADBE_YAHOO))" fontSize="14" fontWeight="bold"/> HLOCChartid="hlocChart" showDataTips="true" dataProvider="{adbe}" width="100%" height="100%"> --verticalaxis--> verticalAxis> LinearAxisbaseAtZero="false"title="Price"/> verticalAxis> --horizontalaxis--> horizontalAxis> CategoryAxiscategoryField="@date"title="Date"/> horizontalAxis> --horizontalaxisrenderer--> horizontalAxisRenderer> AxisRenderercanDropLabels="{checkBox.selected}"/> horizontalAxisRenderer> --series--> series> HLOCSeriesid="series1" highField="@high" lowField="@low" openField="@open" closeField="@close"/> series> HLOCChart> Application> Flex中如何通过showAllDataTips属性,使鼠标移动到图表时显示所有的数据Tips xmlversion="1.0"encoding="utf-8"? > Applicationxmlns: mx=" layout="vertical" verticalAlign="middle" backgroundColor="white"viewSourceURL="srcview/index.html"> Script> [CDATA[ importmx.charts.series.items.PieSeriesItem; importmx.charts.HitData; privatefunctionpieChart_rollOver(evt: MouseEvent): void{ PieChart(evt.currentTarget).showAllDataTips=true; } privatefunctionpieChart_rollOut(evt: MouseEvent): void{ PieChart(evt.currentTarget).showAllDataTips=false; } privatefunctionpieChart_dataTipFunction(item: HitData): String{ varpSI: PieSeriesItem=item.chartItemasPieSeriesItem; return""+pSI.item.@label+" pSI.item.@data+"("+ pSI.percentValue.toFixed (2)+"%)"; } ]]> Script> XMLid="dp"> XML> PieChartid="pieChart" dataProvider="{dp.product}" dataTipFunction="pieChart_dataTipFunction" height="250" width="250" rollOver="pieChart_rollOver(event);" rollOut="pieChart_rollOut(event);"> series> PieSeriesid="pieSeries" field="@data"/> series> PieChart> Application> Flex中如何在PieChart的数据发生变化时弹出显示 xmlversion="1.0"? > Applicationxmlns: mx=" layout="horizontal" verticalAlign="middle" backgroundColor="white"viewSourceURL="srcview/index.html"> Script> [CDATA[ importmx.events.ListEvent; importmx.events.SliderEvent; privatefunctionslider_change(evt: SliderEvent): void{ vararr: Array=[]; if(evt.value>=0){ arr[evt.value]=0.2; } series.perWedgeExplodeRadius=arr; } privatefunctionlist_itemRollOver(evt: ListEvent): void{ vararr: Array=[]; arr[evt.rowIndex]=0.2; series.perWedgeExplodeRadius=arr; /*Updatetheslider.*/ slider.value=evt.rowIndex; } privatefunctioncomboBox_change(evt: ListEvent): void{ varfield: String=evt.currentTarget.selectedItem.label; series.field=field; } privatefunctionseries_labelFunc(item: Object,field: String,index: Number,percentValue: Number): String{ returnitem.name+": \n"+field+": "+Number(item[field]).toFixed(3); } ]]> Script> ArrayCollectionid="arrColl"> source> Array> Objectname="RWinn"obp=".353"slg=".445"avg=".300"/> Objectname="PFeliz"obp=".290"slg=".418"avg=".253"/> Objectname="OVizquel"obp=".305"slg=".316"avg=".246"/> Objectname="BMolina"obp=".298"slg=".433"avg=".276"/> Objectname="RDurham"obp=".295"slg=".343"avg=".218"/> Array> source> ArrayCollection> ApplicationControlBardock="true"> FormstyleName="plain"> FormItemlabel="explodewedge: "> HSliderid="slider" minimum="-1" maximum="{arrColl.length-1}" snapInterval="1" liveDragging="true" dataTipPrecision="0" change="slider_change(event);"/> FormItem> FormItemlabel="field"> ComboBoxid="comboBox" change="comboBox_change(event);"> dataProvider> Array> Objectlabel="avg"/> Objectlabel="obp"/> Objectlabel="slg"/> Array> dataProvider> ComboBox> FormItem> Form> ApplicationControlBar> Listid="list" dataProvider="{arrColl}" labelField="name" width="100" height="100%" itemRollOver="list_itemRollOver(event);"/> PieChartid="chart" height="100%" width="100%" showDataTips="true" dataProvider="{arrColl}"> series> PieSeriesid="series" nameField="name" field="avg" labelPosition="callout" labelFunction="series_labelFunc" filters="[]"/> series> PieChart> Application> 如何在PieChart图表中填充自己的颜色 xmlversion="1.0"? > Applicationxmlns: mx=" layout="vertical" verticalAlign="middle" backgroundColor="white"> Script> [CDATA[ importmx.charts.series.items.PieSeriesItem; importmx.graphics.IFill; importmx.charts.ChartItem; importmx.graphics.SolidColor; privatefunctionpieSeries_fillFunc(item: ChartItem,index: Number): IFill{ varcurItem: PieSeriesItem=PieSeriesItem(item); /*Converttoanumberbetween0and1.*/ varpct: Number=curItem.percentValue/100; returnnewSolidColor(0x0000FF*pct,1.0); } ]]> Script> XMLid="dp"> XML> PieChartid="chart" height="100%" width="100%" showDataTips="true" dataProvider="{dp.product}"> series> PieSeriesid="series" nameField="@label" field="@data" fillFunction="pieSeries_fillFunc" filters="[]"/> series> PieChart> Application> Flex中如何让被PieChart图表的某一部分随着点击旋转 xmlversion="1.0"encoding="utf-8"? > Applicationxmlns: mx=" layout="vertical" verticalAlign="middle" backgroundColor="white"viewSourceURL="srcview/index.html"> Script> [CDATA[ importmx.charts.series.items.PieSeriesItem; importmx.charts.events.ChartItemEvent; privatefunctionpieChart_itemClick(evt: ChartItemEvent): void{ varitem: PieSeriesItem=evt.hitData.chartItemasPieSeriesItem; vardegrees: Number=radiansToDegrees(item.startAngle); vararr: Array=[]; if(checkBox.selected){ arr[item.index]=0.2; } pieSeries.perWedgeExplodeRadius=arr; pieSeries.startAngle-=degrees; } privatefunctionradiansToDegrees(radians: Number): Number{ returnradians*(180/Math.PI); } ]]> Script> XMLid="dp"> XML> ApplicationControlBardock="true"> CheckBoxid="checkBox" label="UseperWedgeExplodeRadius: " labelPlacement="left" selected="true"/> ApplicationControlBar> PieChartid="pieChart" dataProvider="{dp.product}" itemClick="pieChart_itemClick(event);" height="100%" width="100%"> se
"+
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flex chart学习笔记 chart 学习 笔记