《anychart图表个人总结》由会员分享，可在线阅读，更多相关《anychart图表个人总结（9页珍藏版）》请在金锄头文库上搜索。
1、第 1 页anychart图表个人总结AnyChart图表个人总结1、AnyChart介绍AnyChart是一种先进的基于flash的数据可视化的解决方案，是用于构建复杂报表的理想工具，AnyCharts使用XML作为通用数据接口，这样我们就能够从任何数据源中使得数据可视化。AnyChart是完全跨浏览器和跨平台的。很多种理由让你选择AnyChart解决方案：（1）图表好看、动画；（2）交互性强；（3）跨平台；（4）不需要安装、基于XML技术。接下来看一个具体的简单的图表（图1）：图1、水平直方图2、AnyChart数据的设置2.1获得数据（getData）AnyChart通过配置XML文件获
2、得任何数据源的数据。举例：dataseriesname=Salestype=Barpointname=Johny=10000/pointname=Jakey=120*/pointname=Petery=18000/pointname=Jamesy=11000/pointname=Maryy=9000/series/datadata/用来存数据的，series/序列：数据集，point/单条数据。2.2用csv_datacsv数据：data_setscsv_data_setname=simpleDataSet!CDATAP1,174,5854,3242P2,197,4171,3171/csv_d
3、ata_set/data_sets使用这个数据：seriesname=Series2type=Bardata_source=CSVcsv_data_mappingdata_set=simpleDataSetfieldcolumn=0name=name/csv_data_mapping/series3、AnyChart实现一个简单图表实现一个简单的图表，需要建一个工程，目录可如下：其中需要一个swf文件，一个js文件，一个html文件，一个xml文件。swf文件主要是用来解析x第 2 页ml文件的数据格式生成图表，AnyChart提供了很多种的swf文件。js文件用来处理html数据的一些解析和
4、一些数据操作的处理，AnyChart提供了一个AnyChart.js文件。xml文件：实现数据的可视化。html文件：显示图表的网页。具体的实现代码：可参考官方网站提供的事例图表的基本类型图表的基本类型主要大类有：折线图，散点图，堆积图，饼状图和圆圈图，气泡图，锥形图和漏斗图，热区图，雷达图，极性图。折线图有：面积图（AreaChart）、条线图（BarChart、LineChart）、圆柱图（ColumnChart）、圆锥图（ConeChart）、圆筒图（CylinderChart）、金字塔图（PyramidChart）、标记图（MarkerChart）、散点图有：散射线图（ScatterL
5、ine）、分散气泡图（ScatterBubble）、堆积图有：按百分比堆积图和按值堆积图（PercentStackedChart和StackedChart）饼状图和圆圈图有：Pie/DoughnutChart气泡图有：BubbleChart漏斗图和锥形图有：Funnel/PyramidChart热区图有：HeatMapChart和TreeMapChart雷达图和极性图有：RadarChart和PolarChart这些图表都有共性：基本上都有轴，有序列，能够设置轴的一些属性（像方向，是否倒置，最大值和最小值），能够设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板
6、。都能设置多序列数据和图例。4.1AreaChart面积图由轴和序列数据构成，一个轴是数字轴，一个轴是分类轴。具体实现是：seriesname=Salestype=Area其中type为Area，就能建立一个面积图，type可为Area、SplineArea，SplineArea是样条面积图。也可以这样建立一个面积图：通过设置data_plot_settingsdefault_series_type=Area/chartschartplot_type=CategorizedVerticaldata_plot_settingsdefault_series_type=Area/dataseri第
7、3 页esname=20*Salespointname=Mayy=14000/data/charts轴（Axis）的设置：可设置轴的方向，是否倒置，最大值和最小值。面积图可设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板。注意：轴的设置，风格设置，标签和提示工具，标记，色彩调色板，填充和填充调色板，后面距离说明。4.2BarChart和ColumnChart考虑用条形图时：（1）轴标签是长的；（2）表示的值是继续时间的。条形图和柱状图的主要区别是：条形图是水平的，柱状图是垂直方向的。条形图和柱状图：也是由轴和序列数据构成，轴也是一样的，建立一个他们，设置为：s
8、eriesname=Year20*type=Bar，设置type为Bar，水平的则为条形图，垂直的则为柱状图，具体的设置：chartplot_type=CategorizedHorizontal，其中plot_type设置值的不同，可设置水平和垂直的，CategorizedHorizontal和CategorizedVertical分别为水平和垂直的，同时也可以像面积图一样设置成：data_plot_settingsdefault_series_type=Bar/也可以。条形图和柱状图还设置成3D图的，设置data_plot_settingsenable_3d_mode=True中enable
9、_3d_mode的值为true就行。还能设置包含Z轴的3D图，在设置包含Z轴的3D图时要注意：除了设置data_plot_settingsdefault_series_type=Barenable_3d_mode=Truez_aspect=0.z_padding=0.3，还要记得设置：y_axisscalemode=Overlay/y_axis条形图和柱状图也能设置轴的一些属性，能调整条形之间的距离和条形组之间的距离：通过设置data_plot_settings子节点bar_series中的point_padding和group_padding的大小调整。条形图和柱状图同样能设置第 4 页风格
10、（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板。4.3BubbleChart气泡图：两轴和序列数据，其中两轴可为：一数值轴，一分类轴，就是折线图；当两轴都是数值轴时，也就变成了分散图，也就是分散气泡图。建立一个气泡图：设置series中type为Bubble，seriesname=ACMEtype=Bubblepointname=ProductAy=63size=6/series其中y值代表数字轴上的位置，size为气泡大小。其中可设置气泡的控制大小，具体设置在data_plot_settings中子节点bubble_series中的maximum_bubble_s
11、ize和minimum_bubble_size的值。有时候可能气泡之间能造成一个气泡遮住了另一个气泡（也就是气泡重叠），为了防止气泡重叠，可设置：y_axisscalemode=SortedOverlay/y_axis气泡图同样能设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.4ConeChart、CylinderChart和PyramidChart他们同样也是由两轴（一个数字轴，一个分类轴）和序列数据构成。建立：设置seriestype=Barshape_type=Cone，其中shape_type为Cone、Cylinder、Pyramid，则分
12、别为圆锥图、圆筒图和金字塔图。他们能设置3D的（参考条形图的设置），还能设置堆积图（下面再说明）。他们同样能设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.5JapaneseCandlestickChart和OpenHighLowClose(OHLC)Chart烛台图和高低图：同样两轴和序列数据。主要使用情况在股票的一些图中。建立：设置seriesname=ACMEtype=Candlestick则为烛台图，seriesname=ACMEtype=OHLC则为高低图。他们中point有几个属性：open第 5 页,high,low,close。他们同
13、样能设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.6LineChart线条图：同样两轴和序列数据。建立：设置seriesname=Salestype=Line。其中type可设置两值：Line，Spline，StepLineForward和StepLineBackward。其中设置StepLineForward和StepLineBackward两者的区别是：图表的显示不同，下图中左边是StepLineForward图，右边是StepLineBackward图，也就是StepLineForward图中线是从前往后连的线，StepLineBackwar
14、d图中的线是从后往前连的线。同样，线条图也能设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.MarkerChart标记图：两轴和序列数据建立：seriesname=Boxofficetype=Marker。同样，标记图也能设置风格（Styles），标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。篇二：软件常用图表控件总汇软件常用图表控件总汇数据可视化，图形化显示是当前工业领域、商业领域、金融领域等不可或缺的元素，通常采用图表进行数据可视化展示，直观地显示数据、对比数据、分析数据，很多项目开发中都会需求到图表控件，这里简单介绍下各个开发平
15、台下的常用图表控件。Flash类的图表：该类图表主要使用FlashPlayer作为载体，使用XML作为数据输入，优点是可以跨平台、跨浏览器，支持多种开发语言，快速上手且使用简单，支持多种类型的图表、仪表和地图，具备交互功能且可连接多种数据库1.AnyChart图表控件AnyChart控件是一款当前流行的数据可视化解决方案，使客户可以创建交互地、生动的图表和仪表、地图。该控件提供极好的视觉外观和配色方案能够使客户第 6 页根据不同的需求设计图表，AnyChart是一款跨浏览器的工具，可以被用于Web、Desktop和Mobile应用程序，AnyChart可运行于当前PC和Mac上所有主流的浏览器
16、，如：Chrome,Safari,Firefox,InterExplorer和Opera，并且可用于所有移动平台(Android(2.2+)和iOS(iPhone,iPad,iPodTouch).)上的主流浏览器，全面支持HTML5和SVG2.FusionCharts图表控件FusionCharts帮助开发人员创建动态的和交互式的图表应用程序，可用于PCs,Macs,iPads,iPhones和其他主流的移动驱动，控件使用Flash和JavaScript(HTML5)来创建图表，使用XML或者JSON作为数据输入，支持ASP,ASP.NET,PHP,JSP,ColdFusion,RubyonRails等脚本语言和多种数据库，支持多种图表类型、仪表和地图。.NET类图表该类图表主要是针对.NET平台设计，并不需要FlashPlayer等作为载体，可直接在WebForm和WinForm窗体上显示，控件提供了直连数据源接口，不需使用XML作为数据输入，可直接绑定各种数据源到控件，同样支持多种图表、仪表类型，具备各种交互
