《AnyChart图表个人总结》由会员分享，可在线阅读，更多相关《AnyChart图表个人总结（15页珍藏版）》请在金锄头文库上搜索。
1、AnyChart 图表个人总结1、 AnyChart 介绍AnyChart 是一种先进的基于 flash 的数据可视化的解决方案，是用于构建复杂报表的理想工具，AnyCharts 使用 XML 作为通用数据接口，这样我们就能够从任何数据源中使得数据可视化。AnyChart 是完全跨浏览器和跨平台的。很多种理由让你选择 AnyChart 解决方案：（1）图表好看、动画；（2）交互性强；（3）跨平台；（4）不需要安装、基于XML 技术。接下来看一个具体的简单的图表（图 1）：图 1、水平直方图2、 AnyChart 数据的设置2.1 获得数据（getData）AnyChart 通过配置 XML 文
2、件获得任何数据源的数据。举例：用来存数据的，序列：数据集，单条数据。2.2 用 csv_datacsv 数据：使用这个数据： 3、 AnyChart 实现一个简单图表实现一个简单的图表，需要建一个工程，目录可如下：其中需要一个 swf 文件，一个 js 文件，一个 html 文件，一个 xml 文件。swf 文件主要是用来解析 xml 文件的数据格式生成图表，AnyChart 提供了很多种的swf 文件。js 文件用来处理 html 数据的一些解析和一些数据操作的处理，AnyChart 提供了一个AnyChart.js 文件。xml 文件：实现数据的可视化。html 文件：显示图表的网页。具体
3、的实现代码：可参考官方网站提供的事例。4、图表的基本类型图表的基本类型主要大类有：折线图，散点图，堆积图，饼状图和圆圈图，气泡图，锥形图和漏斗图，热区图，雷达图，极性图。折线图有：面积图（Area Chart） 、条线图（Bar Chart、Line Chart） 、圆柱图（Column Chart） 、圆锥图（Cone Chart） 、圆筒图（Cylinder Chart） 、金字塔图（Pyramid Chart） 、标记图（Marker Chart） 、散点图有：散射线图（Scatter Line） 、分散气泡图（Scatter Bubble） 、堆积图有：按百分比堆积图和按值堆积图（Pe
4、rcent 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
5、面积图由轴和序列数据构成，一个轴是数字轴，一个轴是分类轴。具体实现是：其中 type 为 Area，就能建立一个面积图，type 可为 Area、SplineArea，SplineArea 是样条面积图。也可以这样建立一个面积图：通过设置轴（Axis）的设置：可设置轴的方向，是否倒置，最大值和最小值。面积图可设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板。注意：轴的设置，风格设置，标签和提示工具，标记，色彩调色板，填充和填充调色板，后面距离说明。4.2 Bar Chart 和 Column Chart考虑用条形图时：（1）轴标签是长的；（2）表示的值是继续
6、时间的。条形图和柱状图的主要区别是：条形图是水平的，柱状图是垂直方向的。条形图和柱状图：也是由轴和序列数据构成，轴也是一样的，建立一个他们，设置为：，设置 type 为 Bar，水平的则为条形图，垂直的则为柱状图，具体的设置： ，其中 plot_type 设置值的不同，可设置水平和垂直的，CategorizedHorizontal 和 CategorizedVertical 分别为水平和垂直的，同时也可以像面积图一样设置成：也可以。条形图和柱状图还设置成 3D 图的，设置中 enable_3d_mode 的值为 true 就行。还能设置包含 Z 轴的 3D 图，在设置包含 Z 轴的 3D 图时
7、要注意：除了设置 ，还要记得设置： 条形图和柱状图也能设置轴的一些属性，能调整条形之间的距离和条形组之间的距离：通过设置子节点中的 point_padding 和 group_padding 的大小调整。条形图和柱状图同样能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板。4.3 Bubble Chart气泡图：两轴和序列数据，其中两轴可为：一数值轴，一分类轴，就是折线图；当两轴都是数值轴时，也就变成了分散图，也就是分散气泡图。建立一个气泡图：设置中 type 为 Bubble，其中 y 值代表数字轴上的位置，size 为气泡大小。其中可设置气泡的控制大小，
8、具体设置在中子节点中的 maximum_bubble_size 和minimum_bubble_size 的值。有时候可能气泡之间能造成一个气泡遮住了另一个气泡（也就是气泡重叠） ，为了防止气泡重叠，可设置：气泡图同样能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.4 Cone Chart、Cylinder Chart 和 Pyramid Chart他们同样也是由两轴（一个数字轴，一个分类轴）和序列数据构成。建立：设置，其中 shape_type 为Cone、 Cylinder、Pyramid，则分别为圆锥图、圆筒图和金字塔图。他们能设置 3D
9、的（参考条形图的设置） ，还能设置堆积图（下面再说明） 。他们同样能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.5 Japanese Candlestick Chart 和 Open High Low Close (OHLC) Chart烛台图和高低图：同样两轴和序列数据。主要使用情况在股票的一些图中。建立：设置则为烛台图，则为高低图。他们中有几个属性：open, high, low, close。他们同样能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.6 Line Chart线条图：同样两轴和序
10、列数据。建立：设置。其中 type 可设置两值：Line，Spline ， StepLineForward 和 StepLineBackward。其中设置 StepLineForward 和StepLineBackward 两者的区别是：图表的显示不同，下图中左边是 StepLineForward 图，右边是 StepLineBackward 图，也就是 StepLineForward 图中线是从前往后连的线，StepLineBackward 图中的线是从后往前连的线。同样，线条图也能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.7 Marker
11、 Chart标记图：两轴和序列数据建立：。同样，标记图也能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.8 Stacked Chart堆积图：其中有按百分比堆积，数值堆积的面积堆积图/条形堆积图/ 柱状堆积图，主要是在基本图的基础上堆积的。设置 中的 mode 为 PercentStacked，则为按百分比堆积，mode 为 Stacked，则为按值堆积。同样堆积图也能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板，轴。4.9 Pie/ Doughnut Chart饼状图和环形图：考虑用单一饼状图和环形图的情
12、况：(1)只有一组数据；（2）没有数据值为负；（3）数据没有为 0 的；（4）数据类别不要太多（不要大于 7 个） ；（5）数据类别是整体的部分。建立：设置其中，plot_type 为 Pie 时为饼状图，plot_type为 Doughnut 时为环形图。Pie/Doughnut 能够设置成 3 D 的，同样也能设置风格（Styles） ，标签，提示工具、用标记，用色彩调色板，用填充和填充调色板。4.10 Range Chart变化范围图：主要有：变化区域范围图和变化柱状/条状/圆筒范围图。建立：设置，其中 type 为 RangeArea 时为区域范围变化图，type 为 RangeSpl
13、ineArea 时为区域齿状范围变化图；同时设置时为线条范围变化图， 其中 shape_type 为不同的值，则为不同的范围变化图，其中 shape_type 可选值： Box 和 Cylinder。变化范围图：具体的还有一些设置中的子节点和。4.11 Scatter Chart分散图：两轴（不过两轴都是数值轴）和序列数据。有散射线图、分散气泡图和分散标记图。建立：设置其中 plot_type 为 Scatter 则为分散图，具体到某种形状的图，要设置： ，type 可为：Line，Bubble，Marker，其中中 x，y 都是数值。同样分散图也能设置轴，运用标签和提示工具。4.12 Fun
14、nel Chart漏斗图：两轴和序列数据建立：设置，plot_type 为 Funnel，其中 中有以下几个属性：neck_height， min_width，padding，min_point_size ，fit_aspect ，inverted，这些参数的具体使用请查看 AnyChart 官方手册中漏斗图那一章节，为 3D 时还有一个mode（方还是圆）属性设置。漏斗图同样可设置成 3D，可使用标签和提示工具，可设置轴。4.13 HeatMap 和 TreeMap热区图和树图：两轴和序列数据。建立：设置，plot_type 不同，则为不同的图，可为：HeatMap 和 TreeMap。同样
15、其他可设置的部分和大多数图表一样。热区图：以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区。树图：树图显示矩形数据层次结构，树的每一个分支是一个树，然后跟较小的矩形树组成一个树图，矩形的叶节点面积表示数据的维度。4.14 Radar Chart 和 Polar Chart雷达图雷达图是财务分析报表的一种。即将一个公司的各项财务分析所得的数字或比率，就其比较重要的项目集中划在一个圆形的固表上，来表现一个公司各项财务比率的情况，使用者能一目了然的了解公司各项财务指标的变动情形及其好坏趋向。雷达图主要应用于企业经营状况收益性、生产性、流动性、安全性和成长性的评价。极性图极性图上的点坐标表示到
16、原点的距离和轴的夹角，具体的一些东西参看官方手册。雷达图和极性图：两轴和序列数据。建立：设置，其中 plot_type 为 polar 为极性图，为 radar 则为雷达图。在可设置图表的半径（radius） 、开始角度，雷达图可设置使用极坐标。两图可惊醒 x 轴，y 轴的一些设置，同样也能使用标签，提示工具等其他。其中极坐标：在平面内取一个定点 O，叫极点，引一条射线 Ox，叫做极轴，再选定一个长度单位和角度的正方向(通常取逆时针方向)。对于平面内任何一点 M，用 表示线段 OM 的长度， 表示从 Ox 到 OM 的角度， 叫做点 M 的极径， 叫做点 M 的极角，有序数对 (,)就叫点 M 的极坐标，这样建立的坐标系叫做极坐标系。5、测量仪表测量仪表有圆形，水平，垂直行三种，主要包含轴，指针。测量仪表大致效果图如下：可设置轴：轴角度（开始角度和角度范围） ，刻度标尺，轴标签（可自定义轴标签），轴刻度，颜色变化范围，刻度线，标尺线和标尺条，多轴。设置指针（Pointers）
