XCL-Charts
拙_言
Oracle 10g OCPIBM Certified Systems Expert MAIL:xcl_168aliyun.com
展开
-
XCL-Charts画圆图
我也不知是不是叫圆图,反正这样叫吧, 这个图形是我今天在Circliful这个jQuery 图表插件上看到的. 觉得很好看。就想把它实现出来,因为之前画过环形图,且我现在的图表基类基本已成型,所以很快就画好了。 效果在展示页那有,这里也附上: 图1 图2 图3附上上面三个图,在我图表库中的调用 代码:图1: //生成圆图类 chart原创 2014-05-09 00:26:12 · 3417 阅读 · 1 评论 -
Android开源图表库XCL-Charts版本发布及展示页
XCL-Charts图表库基于Android原生Canvas来绘制各种图表,使用简便,定制灵活。 目前支持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)、原创 2014-06-12 00:16:50 · 44610 阅读 · 126 评论 -
如果我弄个大数据可视化库
XCL-Charts 为了让程序员能应对那些变态的app设计要求,开放了非常,非常多的定制特性。这是一种讨好程序员的设计。 但如果我要再弄个针对大数据展示的可视化图表库,设计理念会完全不一样。 性能、够炫、主要为设计者自己封装服务、不会弄太多的定制特性、但会在数据接口上多下点功夫。 1. 在很大数据量下,性能表现要足够好,不能有原创 2015-03-18 00:14:05 · 1520 阅读 · 1 评论 -
自己写的Android图表库XCL-Charts一些旧的例子
话说有了灵感就要抓住,来了兴趣就要去研究它。 所以虽然最近很忙,但我还是没有丢下Android图表实现的研究,终于现在我的图表库基类基本上已经有点模样了,不在是小打小闹,而是能依传入参数很灵活的控制和实现各种图表效果。后面会慢慢展示下图表库的调用实现。 现在先展示展示我最近的成果:柱形图:饼图: 3D饼图: 环形图:原创 2014-05-07 23:52:25 · 3904 阅读 · 2 评论 -
XCL-Charts强大的仪表盘
XCL-Charts中的仪表盘是我封装的最麻烦的图之一。原因嘛,用过的人都知道,这类图太有特色了,要弄出一个适用于大部份情况的封装出来实在不容易。还好,经过一翻折腾,总算搞出来一套自已感觉还行的方法。 先展示下效果: 还可以吧。 这类图封装分开看,从总布局角度看分为180,270,90,360等不同角度的仪表盘。从内容看则主要有两个部份的难点,丰富多彩的原创 2014-08-10 12:29:12 · 4169 阅读 · 0 评论 -
用XCL-Charts定制多柱形堆积图
有网友发了张图,问我实现的方法。 与一般的柱形图不一样,这张图很特别,相信他要找到现成的,对得上号的图表将不是件易事。通常图表库实现的不是通常意义上的柱形图,就是单纯的堆积图,很少有这种混在一起展现的情况出现。没得法,要定制才能实现的了。 网友的原图(应当没侵权吧) 利用XCL-Charts实现的效果图:原创 2014-07-13 22:08:10 · 3083 阅读 · 1 评论 -
XCL-Charts画面积图(AreaChart) 例1
面积图的一个例子,做面积图时发现注释位置放图上方更好处理。改了下。 面积图的网格和轴处理与其它图不一样,它是用覆盖的范围来表示其势力范围,标签轴无需在突出一段出来。这里处理了下。 代码: //图基类 chart = new AreaChart(); //图所占范围大小 chart.setChartRange(0, 0, this.mScrWidth ,原创 2014-05-11 12:33:07 · 2847 阅读 · 0 评论 -
XCL-Chart柱形图的期望线/分界线
周日在柱形图上加了两个小功能,其中之一是加上了期望线/分界线,功能很小,但我个人很喜欢这个功能(好像之前也没看到别的图表库原生支持这个。)主要是加上这些小小的横线后,能很明显的区分出数据的层次。通过柱形与线的对比,可以一下就知道,目前处于什么层次或阶级。 这种功能在强调某个底线或分级时特别有感觉。比如,销售人员的销售底线,价格的红线等,在商业报表中表强调时应当很有用,不过我在Demo原创 2014-06-16 22:21:27 · 3488 阅读 · 1 评论 -
XCL-Charts图表库中柱形图的同源风格切换介绍
柱形图是被使用最多的图之一,在写XCL-Charts这个Android图表库时,为它花费的时间相当多,不是因为有多难绘制,而是要在设计时如何才能保证图基类能适应各种情况,能灵活满足足够多的需求,以及够简洁的接口,并要开放出足够多的绘制元素和参数供开发人员定制,同时对各类柱形图独有的的特点要加以突出,再加上柱形图的选项本身相对于其它图来说也是相当多的,所以花了比较多的时间。结果嘛,至少我自己暂时觉得原创 2014-06-15 22:51:56 · 3454 阅读 · 2 评论 -
XCL-Charts画曲线图(CurveChart) 例2
另一个横向的曲线图(CurveChart) 效果: 代码://图基类 chart = new CurveChart(); //图所占范围大小 chart.setChartRange(0, 0, this.mScrWidth , this.mScrHeight ); //标签轴标签集合 LinkedList labl原创 2014-05-10 14:28:51 · 2702 阅读 · 2 评论 -
XCL-Charts画线图(Line Chart)
关于线图(Line Chart)如何画,我以前写过很详细的说明,只是在这附一下,现在的基类是怎么弄的。 基类把有关线图的所有相关元素都能开发出来变成可控制的,而隐藏了具体的位置计算,图形绘制计算等待过程,只须传入数据源,加上自己想要的控制即可得到一个还不错的图表。 附上代码://线图基类 chart = new LineChart(); //图所占范原创 2014-05-10 12:10:27 · 4082 阅读 · 0 评论 -
XCL-Charts画曲线图(CurveChart)
曲线图与通常的折线图不同的地方是它的线条位置计算有点特别,所以我独立弄了一个类.同样,只需传入数据源给基类,再加上,你想加的控制,可自动依设置绘出你想要的效果。 代码://图基类 chart = new CurveChart(); //图所占范围大小 chart.setChartRange(0, 0, this.mScrWidth ,原创 2014-05-10 12:21:12 · 3521 阅读 · 2 评论 -
XCL-Charts图表库简要教程及常见问题
这个Andriod图表库项目从开始至现在,热情消耗几近殆尽。还好已基本实现我想做的那些东西。趁还剩下点兴趣,把一些点非常简单的归纳一下。 所支持的图表类型: 基类 图表名称 BarChart 横/竖向柱形图及背向式柱形图 BarChart3D 横/竖向3D柱形图 StackBarChart 横/竖向堆叠式柱形图 RangeBarChart 范围柱原创 2015-01-01 20:43:48 · 40693 阅读 · 58 评论