# XCL-Charts

**Repository Path**: demos/XCL-Charts

## Basic Information

- **Project Name**: XCL-Charts
- **Description**: XCL-Charts基于Android原生的Canvas来绘制各种图表,使用简便,同时具有相当灵活的定制能力。
目前支持3D/非3D柱形图、3D/非3D饼图、堆叠图、面积图、 折线图、曲线图、环形图、南丁格尔玫瑰图、仪表盘、雷达图、圆形图等图表。
其它特性还包括支持图表缩放、手势移动、动画显示效果、高密度柱形显示、图表分界定制线、多图表的混合显示及同数据源不同类型图表切换等。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://blog.csdn.net/xcl168/article/details/29675613
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 40
- **Created**: 2014-08-21
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

XCL-Charts
==========

<b>XCL-Charts V1.3</b><br/>
 &nbsp;&nbsp;&nbsp;&nbsp;Android开源图表库(XCL-Charts is a free charting library for Android platform.) <br/>
 &nbsp;&nbsp;&nbsp;&nbsp;XCL-Charts基于原生的Canvas来绘制各种图表,在设计时，尽量在保证开发效率的同时，给使用者提供足够多的定制化能力。因此使用简便,同时具有相当灵活的定制能力。<br/>
 &nbsp;&nbsp;&nbsp;&nbsp;目前支持<b>3D/非3D柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆积图(Stacked Bar Chart)、面积图(Area Chart)、
 折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘(Gauge Chart)、雷达图(Radar Chart)、圆形图(Circle Chart)等图表。<br/>
 &nbsp;&nbsp;&nbsp;&nbsp;其它特性还包括支持图表缩放、手势移动、点击响应、动画显示、高密度柱形显示、图表分界定制线、多图表的混合显示及同数据源不同类型图表切换等。</b><br/> 
 
 <b>License</b><br/>
      采用Apache v2 License开源协议。<br/>
 
 Mail: xcl_168@aliyun.com <br/>
 Blog: http://blog.csdn.net/xcl168 <br/>
 QQ群: 374780627
<br/> 
GitHub代码托管地址:
https://github.com/xcltapestry/XCL-Charts <br/>		
开源中国代码托管地址:
https://git.oschina.net/xclcharts/XCL-Charts <br/>
开源中国项目地址:
http://www.oschina.net/p/xcl-charts
<br/>
&nbsp;&nbsp;&nbsp;&nbsp;附注:
 <br/>&nbsp;&nbsp;&nbsp;&nbsp;建议用<b>jar</b>方式使用图表库，避免因程序更新引发一系列的连锁更新。
 <br/>&nbsp;&nbsp;&nbsp;&nbsp;因基础绘图类都已有单独封装，所以欢迎大家在此库基础上增加不同类型的图表和相关例子并分享您的改进。
 <br/>

 <b>部份例图:</b><br/> 
 <p>
 <img src="http://img.blog.csdn.net/20140611213206921?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="bar chart 竖向" />
   <img src="http://img.blog.csdn.net/20140611213310468?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="stacked chart" />
  <img src="http://img.blog.csdn.net/20140701134158254?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="横向3D bar chart " />  
  </p>
  <br/>
 <img src="http://img.blog.csdn.net/20140701133255576" alt="3D bar chart" />
 <br/>
<img src="http://img.blog.csdn.net/20140701205543936" alt="3d pie chart 动画" />
<img src="http://img.blog.csdn.net/20140701205633076" alt="bar chart 柱形渐显动画" />
 <br/>
<img src="http://img.blog.csdn.net/20140701205702014" alt="Line chart(开放式) 渐显动画" />
<img src="http://img.blog.csdn.net/20140706140434609" alt="pie chart 饼块渐显" />
 <br/>
<img src="http://img.blog.csdn.net/20140701205807534" alt="横向定制线 柱形渐显动画" />
<img src="http://img.blog.csdn.net/20140701205927890" alt="竖向定线 渐显动画" />

 <br/>
<img src="http://img.blog.csdn.net/20140810114004828" alt="dialchart2 动画" />
<img src="http://img.blog.csdn.net/20140810114030796" alt="dialchart3 动画" />

 <br/>
<img src="http://img.blog.csdn.net/20140810114309276" alt="dialchart4 动画" />
<img src="http://img.blog.csdn.net/20140810114121636?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="dialchart1 动画" />
<br/>
<p>
<img src="http://img.blog.csdn.net/20140622203726093" alt="radar chart" />
<img src="http://img.blog.csdn.net/20140628212318281" alt="bar chart(高密度)" /> 
<img src="http://img.blog.csdn.net/20140706140637953" alt="同源 pie chart" />
 </p> 
  <br/>    
<p>
 <img src="http://img.blog.csdn.net/20140628215606296" alt="rose chart" />
 <img src="http://img.blog.csdn.net/20140611213841375?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="mutil chart 1" /> 
 <img src="http://img.blog.csdn.net/20140611213922187?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="同源 bar chart" />
   </p>
 <br/>

   <p>
 <img src="http://img.blog.csdn.net/20140611214155312?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="half circle chart" /> 
 <img src="http://img.blog.csdn.net/20140611214208953?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="Gauge Chart" />
 <img src="http://img.blog.csdn.net/20140611214132625?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="circle chart" /> 
 
  </p>
 <br/>  
<p>
<img src="http://img.blog.csdn.net/20140611213603093?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="dount chart" />
<img src="http://img.blog.csdn.net/20140611213636640?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="line chart" />
</p>
 <br/>
<img src="http://img.blog.csdn.net/20140629115247625" alt="spline chart" />
<img src="http://img.blog.csdn.net/20140629115229156" alt="area chart" />  
<br/> 
   <p>
 <img src="http://img.blog.csdn.net/20140611213233687?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="bar chart 横向" />
 <img src="http://img.blog.csdn.net/20140611213335156?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="stacked chart 横向" />
    </p>
  <br/>
     <p>
 <img src="http://img.blog.csdn.net/20140611213901843?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="mutil chart  2 横向" />
 <img src="http://img.blog.csdn.net/20140611214102109?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGNsMTY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="同源 pie chart 横向" />
  </p>
 <br/>
 <img src="http://img.blog.csdn.net/20140716213434150" alt="mulbar stacked chart" />  
  <img src="http://img.blog.csdn.net/20140716213635034" alt="piechart2d" />  
  <img src="http://img.blog.csdn.net/20140816155314843" alt="bzsplinechart" />