flex chart学习笔记Word下载.docx
《flex chart学习笔记Word下载.docx》由会员分享,可在线阅读,更多相关《flex chart学习笔记Word下载.docx(53页珍藏版)》请在冰点文库上搜索。
/>
stacked"
100%"
overlaid"
/mx:
ComboBox>
FormItem>
showDataTips:
CheckBoxid="
checkBox1"
showAllDataTips:
checkBox2"
Spacerwidth="
LegenddataProvider="
{barChart}"
/>
ApplicationControlBar>
BarChartid="
barChart"
type="
{comboBox.selectedItem.label}"
showDataTips="
{checkBox1.selected}"
showAllDataTips="
{checkBox2.selected}"
height="
width="
Array>
Objectname="
RWinn"
obp="
.353"
slg="
.445"
avg="
.300"
PFeliz"
.290"
.418"
.253"
OVizquel"
.305"
.316"
.246"
BMolina"
.298"
.433"
.276"
RDurham"
.295"
.343"
.218"
verticalAxis>
CategoryAxiscategoryField="
name"
series>
BarSeriesyField="
xField="
obp"
displayName="
OBP"
slg"
SLG"
avg"
AVG"
BarChart>
Application>
Flex中如何利用canDropLabels样式,移除图表中一些水平轴线上标签
XMLid="
quotesXML"
source="
adbe.xml"
format="
e4x"
XMLListCollectionid="
adbe"
{quotesXML.quote}"
Stringid="
ADBE_YAHOO"
checkBox"
label="
canDropLabels:
labelPlacement="
left"
LinkButton
ADBE"
click="
navigateToURL(newURLRequest(ADBE_YAHOO))"
fontSize="
14"
fontWeight="
bold"
HLOCChartid="
hlocChart"
dataProvider="
{adbe}"
!
--verticalaxis-->
LinearAxisbaseAtZero="
false"
title="
Price"
--horizontalaxis-->
horizontalAxis>
@date"
Date"
--horizontalaxisrenderer-->
horizontalAxisRenderer>
AxisRenderercanDropLabels="
{checkBox.selected}"
--series-->
HLOCSeriesid="
series1"
highField="
@high"
lowField="
@low"
openField="
@open"
closeField="
@close"
HLOCChart>
Flex中如何通过showAllDataTips属性,使鼠标移动到图表时显示所有的数据Tips
Script>
[CDATA[
importmx.charts.series.items.PieSeriesItem;
importmx.charts.HitData;
privatefunctionpieChart_rollOver(evt:
MouseEvent):
void{
PieChart(evt.currentTarget).showAllDataTips=true;
}
privatefunctionpieChart_rollOut(evt:
PieChart(evt.currentTarget).showAllDataTips=false;
privatefunctionpieChart_dataTipFunction(item:
HitData):
String{
varpSI:
PieSeriesItem=item.chartItemasPieSeriesItem;
return"
b>
+pSI.item.@label+"
/b>
br/>
+
pSI.item.@data+"
(<
i>
pSI.percentValue.toFixed
(2)+"
%<
/i>
)"
;
]]>
dp"
products>
productlabel="
Product1"
data="
3"
Product2"
1"
Product3"
4"
Product4"
Product5"
5"
Product6"
9"
/products>
XML>
PieChartid="
pieChart"
{dp.product}"
dataTipFunction="
pieChart_dataTipFunction"
250"
rollOver="
pieChart_rollOver(event);
rollOut="
pieChart_rollOut(event);
PieSeriesid="
pieSeries"
field="
@data"
PieChart>
Flex中如何在PieChart的数据发生变化时弹出显示
horizontal"
importmx.events.ListEvent;
importmx.events.SliderEvent;
privatefunctionslider_change(evt:
SliderEvent):
vararr:
Array=[];
if(evt.value>
=0){
arr[evt.value]=0.2;
series.perWedgeExplodeRadius=arr;
privatefunctionlist_itemRollOver(evt:
ListEvent):
arr[evt.rowIndex]=0.2;
/*Updatetheslider.*/
slider.value=evt.rowIndex;
privatefunctioncomboBox_change(evt:
varfield:
String=evt.currentTarget.selectedItem.label;
series.field=field;
privatefunctionseries_labelFunc(item:
Object,field:
String,index:
Number,percentValue:
Number):
returnitem.name+"
:
\n"
+field+"
+Number(item[field]).toFixed(3);
ArrayCollectionid="
arrColl"
source>
ArrayCollection>
FormstyleName="
plain"
explodewedge:
HSliderid="
slider"
minimum="
-1"
maximum="
{arrColl.length-1}"
snapInterval="
liveDragging="
dataTipPrecision="
0"
change="
slider_change(event);
field"
comboBox_change(event);
Listid="
list"
{arrColl}"
labelField="
100"
itemRollOver="
list_itemRollOver(event);
chart"
series"
nameField="
labelPosition="
callout"
labelFunction="
series_labelFunc"
filters="
[]"
如何在PieChart图表中填充自己的颜色
[CDATA[
importmx.graphics.IFill;
importmx.charts.ChartItem;
importmx.graphics.SolidColor;
privatefunctionpieSeries_fillFunc(item:
ChartItem,index:
IFill{
varcurItem:
PieSeriesItem=PieSeriesItem(item);
/*Converttoanumberbetween0and1.*/
varpct:
Number=curItem.percentValue/100;
returnnewSolidColor(0x0000FF*pct,1.0);
}
@label"
fillFunction="
pieSeries_fillFunc"
Flex中如何让被PieChart图表的某一部分随着点击旋转
importmx.charts.events.ChartItemEvent;
privatefunctionpieChart_itemClick(evt:
ChartItemEvent):
varitem:
PieSeriesItem=evt.hitData.chartItemasPieSeriesItem;
vardegrees:
Number=radiansToDegrees(item.startAngle);
if(checkBox.selected){
arr[item.index]=0.2;
pieSeries.perWedgeExplodeRadius=arr;
pieSeries.startAngle-=degrees;
privatefunctionradiansToDegrees(radians:
Number{
returnradians*(180/Math.PI);
UseperWedgeExplodeRadius:
selected="
itemClick="
pieChart_itemClick(event);
se