AnyChart图表个人小结.docVIP

AnyChart图表个人总结 1、AnyChart介绍 AnyChart是一种先进的基于flash的数据可视化的解决方案，是用于构建复杂报表的理想工具，AnyCharts使用XML作为通用数据接口，这样我们就能够从任何数据源中使得数据可视化。AnyChart是完全跨浏览器和跨平台的。很多种理由让你选择AnyChart解决方案：（1）图表好看、动画；（2）交互性强；（3）跨平台；（4）不需要安装、基于XML技术。接下来看一个具体的简单的图表（图1）： 图1、水平直方图 2、AnyChart数据的设置 2.1获得数据（getData） AnyChart通过配置XML文件获得任何数据源的数据。 举例： data series name=Sales type=Bar point name=John y=10000 / point name=Jake y=12000 / point name=Peter y=18000 / point name=James y=11000 / point name=Mary y=9000 / /series /data data /用来存数据的，series /序列：数据集，point /单条数据。 2.2用csv_data csv数据： data_sets csv_data_set name=simpleDataSet ![CDATA[ P1,174,5854,3242 P2,197,4171,3171 ]] /csv_data_set /data_sets 使用这个数据：? series name=Series 2 type=Bar data_source=CSV csv_data_mapping data_set=simpleDataSet field column=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、图表的基本类型 图表的基本类型主要大类有：折线图，散点图，堆积图，饼状图和圆圈图，气泡图，锥形图和漏斗图，热区图，雷达图，极性图。 折线图有：面积图（Area Chart）、条线图（Bar Chart、Line Chart）、圆柱图（Column Chart）、圆锥图（Cone Chart）、圆筒图（Cylinder Chart）、金字塔图（Pyramid Chart）、标记图（Marker Chart）、 散点图有：散射线图（Scatter Line）、分散气泡图（Scatter Bubble）、 堆积图有：按百分比堆积图和按值堆积图（Percent Stacked Chart 和 Stacked Chart） 饼状图和圆圈图有：Pie/Doughnut Chart 气泡图有：Bubble Chart 漏斗图和锥形图有：Funnel/ Pyramid Chart 热区图有：HeatMap Chart和TreeMap Chart 雷达图和极性图有：Radar Chart 和Polar Chart 这些图表都有共性：基本上都有轴，有序列，能够设置轴的一些属性（像方向，是否倒置，最大值和最小值），能够设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板。都能设置多序列数据和图例。 4.1 Area Chart 面积图由轴和序列数据构成，一个轴是数字轴，一个轴是分类轴。 具体实现是：series name=Sales type=Area其中type为Area，就能建立一个面积图，type可为Area、SplineArea，SplineArea是样条面积图。也可以这样建立一个面积图：通过设置data_plot_settings default_series_type=Area/ charts chart plot_type=CategorizedVertical data_plot_settings default_series_type=Area/ data series name=2004 Sales point name=May y=1400