如何在Flex中将XML设置为图表的数据提供程序?
我想将从Oracle数据库导出的XML显示为图表 xml具有以下结构:如何在Flex中将XML设置为图表的数据提供程序?,xml,apache-flex,flex4,dataprovider,Xml,Apache Flex,Flex4,Dataprovider,我想将从Oracle数据库导出的XML显示为图表 xml具有以下结构: <ROWSET> <ROW> <ORDER_ITEMS_ID>1</ORDER_ITEMS_ID> <ORDER_ID>1</ORDER_ID> <PRODUCT_ID>1</PRODUCT_ID> <UNIT_PRICE>1200</UNIT_
<ROWSET>
<ROW>
<ORDER_ITEMS_ID>1</ORDER_ITEMS_ID>
<ORDER_ID>1</ORDER_ID>
<PRODUCT_ID>1</PRODUCT_ID>
<UNIT_PRICE>1200</UNIT_PRICE>
<QUANTITY>1</QUANTITY>
</ROW>
<ROW>
<ORDER_ITEMS_ID>2</ORDER_ITEMS_ID>
<ORDER_ID>7</ORDER_ID>
<PRODUCT_ID>1</PRODUCT_ID>
<UNIT_PRICE>1100</UNIT_PRICE>
<QUANTITY>3</QUANTITY>
</ROW>
1.
1.
1.
1200
1.
2.
7.
1.
1100
3.
我见过许多使用ArrayCollection作为数据提供者的图表示例。使用相同的方法,我尝试设置xml。但没有结果
您能建议我如何将XML设置为数据提供程序吗?(或XMLList或XMLlistcollection)
(我正在空中开发一个小应用程序)我不知道你的图表是什么意思,但这里有一个简单的示例,它提供了基于元素的值和基于属性的值
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)"
>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.binding.utils.BindingUtils;
import mx.collections.XMLListCollection;
import mx.events.FlexEvent;
private var xml1:XML = <ROWSET>
<ROW>
<ORDER_ITEMS_ID>1</ORDER_ITEMS_ID>
<ORDER_ID>1</ORDER_ID>
<PRODUCT_ID>1</PRODUCT_ID>
<UNIT_PRICE>1200</UNIT_PRICE>
<QUANTITY>1</QUANTITY>
</ROW>
<ROW>
<ORDER_ITEMS_ID>2</ORDER_ITEMS_ID>
<ORDER_ID>7</ORDER_ID>
<PRODUCT_ID>1</PRODUCT_ID>
<UNIT_PRICE>1100</UNIT_PRICE>
<QUANTITY>3</QUANTITY>
</ROW>
</ROWSET>;
private var xml2:XML = <ROWSET>
<ROW ORDER_ITEMS_ID="1"
ORDER_ID="1"
PRODUCT_ID="1"
UNIT_PRICE="1200"
QUANTITY="1"
/>
<ROW ORDER_ITEMS_ID="2"
ORDER_ID="7"
PRODUCT_ID="1"
UNIT_PRICE="1100"
QUANTITY="3"
/>
</ROWSET>;
[Bindable]
private var xmlList1:XMLList;
[Bindable]
private var xmlList2:XMLList;
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
xmlList1 = xml1.ROW;
xmlList2 = xml2.ROW;
}
]]>
</fx:Script>
<s:VGroup>
<mx:ColumnChart id="chart1" dataProvider="{xmlList1}" showDataTips="true">
<mx:series>
<mx:ColumnSeries
yField="ORDER_ITEMS_ID"
/>
<mx:ColumnSeries
yField="ORDER_ID"
/>
<mx:ColumnSeries
yField="PRODUCT_ID"
/>
<mx:ColumnSeries
yField="UNIT_PRICE"
/>
<mx:ColumnSeries
yField="QUANTITY"
/>
</mx:series>
</mx:ColumnChart>
<mx:ColumnChart id="chart2" dataProvider="{xmlList2}" showDataTips="true">
<mx:series>
<mx:ColumnSeries
yField="@ORDER_ITEMS_ID"
/>
<mx:ColumnSeries
yField="@ORDER_ID"
/>
<mx:ColumnSeries
yField="@PRODUCT_ID"
/>
<mx:ColumnSeries
yField="@UNIT_PRICE"
/>
<mx:ColumnSeries
yField="@QUANTITY"
/>
</mx:series>
</mx:ColumnChart>
</s:VGroup>
</s:Application>
1.
1.
1.
1200
1.
2.
7.
1.
1100
3.
;
私有变量xml2:XML=
;
[可装订]
私有变量xmlList1:XMLList;
[可装订]
私有变量xmlList2:XMLList;
受保护函数应用程序1\u creationCompleteHandler(事件:FlexEvent):无效
{
xmlList1=xml1.ROW;
xmlList2=xml2.ROW;
}
]]>
如果您想使用xml文件作为数据提供程序,并且您的文件如下
<data>
<result month="Jan-04">
<apple>81768</apple>
<orange>60310</orange>
<banana>43357</banana>
</result>
<result month="Feb-04">
<apple>81156</apple>
<orange>58883</orange>
<banana>49280</banana>
</result>
</data>
81768
60310
43357
81156
58883
49280
你可以这样做
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Model id="results" source="../assets/data.xml"/>
<mx:Panel title="Line Chart">
<mx:LineChart id="myChart" dataProvider="{results.result}" showDataTips="true">
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="month"/>
</mx:horizontalAxis>
<mx:series>
<mx:LineSeries yField="banana" displayName="Banana"/>
<mx:LineSeries yField="apple" displayName="Apple"/>
<mx:LineSeries yField="orange" displayName="Orange"/>
</mx:series>
</mx:LineChart>
<mx:Legend dataProvider="{myChart}"/>
您还可以使用php或任何其他类型的服务器端编码在从任何数据库检索数据后将其呈现为xml
来源=”http://localhost/yourproj/data.php"
[Bindable]私有变量PIE\u XML:XML=
红色
50
蓝色
20
绿色
30
金
30
;
私有函数init():void
{
var newItem:Object;
for(var i:int=0;i<PIE_XML.row.length();i++)
{
newItem=new Object();
newItem.label=PIE_XML.row[i].category;
newItem.data=PIE_XML.row[i].other_data;
_pieChart.addItem(newItem);
}
var-newItem:Object;
对于(var i:int=0;我能分享你用来使xml成为数据提供者的代码吗??
var newItem:Object;
for(var i:int=0;i<PIE_XML.row.length();i++)
{
newItem=new Object();
newItem.label=PIE_XML.row[i].category;
newItem.data=PIE_XML.row[i].other_data;
_pieChart.addItem(newItem);
}