ANYCHART中的XML数据源以及表配置

前端之家收集整理的这篇文章主要介绍了ANYCHART中的XML数据源以及表配置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

.@ANYCHART中的XML数据源以及表配置
要点:anyChart所处理的数据来源于anyChartXML这个属性值,所以数据需要写入anyChartXML,
属性要求是一个XML对象
xml根节点--<anychart></anychart>
子节点--<animation enabled="True/False"></animation> //初始化的时候是否显示动画效果,由于是配置在根节点下,所以在该xml中,没有经过特殊处理的chart都将遵循


子节点--<charts></charts> //charts中可以包含多个chart
子节点--<chart plot_type="图标模型性质"></chart> //plot制图,基址图,也就是图表的类型,可以有如下取值
VALUE="CategorizedVertical(水平)/CategorizedHorizontal(垂直)/Doughnut(空心圆饼)"
子节点--<data></data> //配置图表的数据
子节点--<series name="" type="图表的类型(饼/柱..)/"></series>
VALUE="Bar(矩形图,默认)/Line(折线)/Spline(曲线)/Marker(点图)/Area(折线面积图)/
SplineArea(曲线面积图)/StepLineForward(分段函数图)/StepLineForward(分段函数图)/
StepLineForwardArea(分段函数面积图)/StepLineBackwardArea(分段函数面积图)/
Bubble(水泡图)/RangeBar(短矩形图)/RangeArea(不规则图形走势图)/
RangeSplineArea(不规则图形走势图)/OHLC(木桩图,每一个点比较两个不同的数据)/
Candlestick(面积图,每一个点比较两个不同的数据)"
子节点--<point name="x轴数据展示项名" y="对应的数据"></point>
子节点--<chart_settings></chart_settings> //配置图标的基本信息
子节点--<title></title> //配置图表的名字
子节点--<text>图表名</text>
子节点--<axes></axes> //配置x和y轴信息
子节点--<x_axis></x_axis>
子节点--<title></title>
子节点--<text>x轴轴名</text>
子节点--<y_axis></y_axis>
子节点--<title></title>
子节点--<text>y轴轴名</text>
EXAMPLE
<?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"
xmlns:anychart="com.anychart.*"
creationComplete="oncreationComplete()" //表示组件初始化时触发那个函数,这个函数一定要在script中定义
//
>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
//定义anychart组件
<anychart:AnyChartFlex id="campleChart"/>
private function onCreateComplete():void{
var xmlData:XML=
<anychart>
<settings>
<animation enabled="True"/>
</settings>
<charts>
<chart plot_type="CategorizedVertical">
<data>
<series name="Product Sales" type="Bar">
<point name="2004" y="63716" />
<point name="2005" y="72163" />
<point name="2006" y="94866" />
<point name="2007" y="56866" />
<point name="2008" y="19000" />
</series>
</data>
<chart_settings>
<title>
<text>ACME Corp. Sales</text>
</title>
<axes>
<x_axis>
<title>
<text>Year</text>
</title>
</x_axis>
<y_axis>
<title>
<text>Sales (USD)</text>
</title>
</y_axis>
</axes>
</chart_settings>
</chart>
</charts>
</anychart>; //这里要打分号,这一段字符串将转换为XML而被解析
campleChart.anychartXML=xmlData;//campleChart为前面定义的组件的id,设置其anychartXML属性值为前面的XML变量
}

//饼图
<anychart>
<settings>
<animation enabled="True"/>
</settings>
<charts>
<chart plot_type="Doughnut"> <data> <series> <point name="A" y="0.5"></point> <point name="B" y="0.3"></point> <point name="C" y="0.2"></point> </series> </data> <chart_setting> <title>NO NAME</title> </chart_setting> </chart> </charts> </anychart>;

猜你在找的XML相关文章