AnyChart图表个人总结.doc

AnyChart图表个人总结

1、AnyChart介绍
AnyChart是一种先进的基于flash的数据可视化的解决方案，是用于构建复杂报表的理想工具，AnyCharts使用XML作为通用数据接口，这样我们就能够从任何数据源中使得数据可视化。AnyChart是完全跨浏览器和跨平台的。很多种理由让你选择AnyChart解决方案：（1）图表好看、动画；（2）交互性强；（3）跨平台；（4）不需要安装、基于XML技术。接下来看一个具体的简单的图表（图1）：

图1、水平直方图
2、AnyChart数据的设置
2.1获得数据（getData）
AnyChart通过配置XML文件获得任何数据源的数据。
举例：
<data>
<seriesname="Sales"type="Bar">
<pointname="John"y="10000"/>
<pointname="Jake"y="12000"/>
<pointname="Peter"y="18000"/>
<pointname="James"y="11000"/>
<pointname="Mary"y="9000"/>
</series>
</data>
<data/>用来存数据的，<series/>序列：数据集，<point/>单条数据。
2.2用csv_data
csv数据：
<data_sets>
<csv_data_setname="simpleDataSet"><![CDATA[
P1,174,5854,3242
P2,197,4171,3171
]]>
</csv_data_set>
</data_sets>
使用这个数据：
<seriesname="Series2"type="Bar"data_source="CSV">
<csv_data_mappingdata_set="simpleDataSet">
<fieldcolumn="0"name="name"/>
</csv_data_mapping>
</series>
3、AnyChart实现一个简单图表
实现一个简单的图表，需要建一个工程，目录可如下：

其中需要一个swf文件，一个js文件，一个html文件，一个xml文件。
swf文件主要是用来解析xml文件的数据格式生成图表，AnyChart提供了很多种的swf文件。
js文件用来处理html数据的一些解析和一些数据操作的处理，AnyChart提供了一个AnyChart.js文件。
xml文件：实现数据的可视化。
html文件：显示图表的网页。
具体的实现代码：可参考官方网站提供的事例。
4、图表的基本类型
图表的基本类型主要大类有：折线图，散点图，堆积图，饼状图和圆圈图，气泡图，锥形图和漏斗图，热区图，雷达图，极性图。
折线图有：面积图（AreaChart）、条线图（BarChart、LineChart）、圆柱图（ColumnChart）、圆锥图（ConeChart）、圆筒图（CylinderChart）、金字塔图（PyramidChart）、标记图（MarkerChart）、
散点图有：散射线图（ScatterLine）、分散气泡图（ScatterBubble）、
堆积图有：按百分比堆积图和按值堆积图（PercentStackedChart和StackedChart）
饼状图和圆圈图有：Pie/DoughnutChart
气泡图有：BubbleChart
漏斗图和锥形图有：Funnel/PyramidChart
热区图有：HeatMapChart和TreeMapChart
雷达图和极性图有：RadarChart和PolarChart
这些图表都有共性：基本上都有轴，有序列，能够设置轴的一些属性（像方向，是否倒置，最大值和最小值），能够设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板。都能设置多序列数据和图例。
4.1AreaChart
面积图由轴和序列数据构成，一个轴是数字轴，一个轴是分类轴。
具体实现是：<seriesname="Sales"type="Area">其中type为Area，就能建立一个面积图，type可为Area、SplineArea，SplineArea是样条面积图。也可以这样建立一个面积图：通过设置<data_plot_settingsdefault_series_type="Area"/>
<charts>
<chartplot_type="CategorizedVertical">
<data_plot_settingsdefault_series_type="Area"/>
<data>
<seriesname="2004Sales">
<pointname="Ma