AnyChart 可以被用于Web、桌面和移动应用程序，AnyChart 可运行于当前PC和Mac上所有主流的浏览器，如：Chrome, Safari, Firefox, Internet Explorer 和 Opera，并且可用于所有移动平台(Android (2.2+) 和 iOS (iPhone, iPad, iPod Touch). )上的主流浏览器。

如下代码片段，是一个简单的柱状图的XML配置，要生成一个柱状图，你就必须配置的plot_type属性为"CategorizedVertical"，并且要配置标签的属性default_series_type为"Bar"，这样整个图就是柱状了。

条形图其实是柱状图旋转后的效果，指标在Y轴了，而数据在X轴，同时条形图也支持2D和3D效果。

线形图分折线图和曲线图，常用于数据发展趋势分析。

曲线图与折线图配置类似，只需要将default_series_type属性修改为"Spline"即可，看下面代码

饼图的代码如下，不同于前面几种图，饼状图只需要配置的plot_type属性为"Pie"即可。

1.
2.
3.  
4.    
5.      
6.        
7.          
8.          
9.          
10.          
11.          
12.        
13.      
14.    
15.  
16.

介绍饼状图的一个特殊功能：Exploded Slices。饼图默认如果被点击的话，被点击的部分会伸出来突出显示。而且你也可以设置图形显示时默认突出显示哪一块或哪几块。

不过Anychart的饼图突出显示有一个不满意的地方就是你选择了一块突出显示后，再选择别的指标，原来被选择的指标不会自动收回。

标记图其实是指图上打小点这样的标记而组成的图，我的项目里用过一次，用于表示不同时间段用户登录次数和在线时长的。

而设置标志图的代码也只有两块，一块是设置plot_type另一块是设置default_series_type为"Marker"即可。

1.
2.
3.  
4.    
5.      
6.        
7.          
8.            
9.            
10.              
11.                
12.              
13.            
14.          
15.        
16.      
17.      
18.        
19.          
20.          
21.          
22.          
23.          
24.          
25.          
26.        
27.      
28.    
29.  
30.

雷达图的应用场景通常是统计某个人的多维能力值，通过雷达图能很形象看出这个人的擅长和需要弥补的地方。

雷达图有很多种样式，雷达图点与点之间是通过直接连接的，如果希望以曲线连接则需要设置标签的 use_polar_coords属性为"true"，如下代码

1.
2.
3.  
4.    
5.      
6.        
7.          
8.          
9.          
10.          
11.          
12.          
13.        
14.      
15.      
16.        
17.      
18.    
19.  
20.

当然，Anychart的雷达图支持的效果不止这些，如果需要更多的样式，请参见官方的帮助文档

Anychart支持柱状的堆叠和面积图的堆叠，这里就只介绍柱状的堆叠，面积的堆叠与之类似。当然也可以参见官方的帮助文档：

柱状堆叠图与常规的柱状图唯一的区别就是在标签下有一个，这个标签决定了柱状图是以堆叠还是以常规显示。

1.
2.
3.  
4.    
5.      
6.      
7.        
8.          
9.          
10.          
11.          
12.        
13.        
14.          
15.          
16.          
17.          
18.        
19.        
20.          
21.          
22.          
23.          
24.        
25.      
26.      
27.        
28.          
29.            
30.          
31.        
32.      
33.    
34.  
35.

本站文章除注明转载外，均为本站原创或翻译