有网友发了张图,问我实现的方法。 与一般的柱形图不一样,这张图很特别,相信他要找到现成的,对得上号的图表将不是件易事。
通常图表库实现的不是通常意义上的柱形图,就是单纯的堆积图,很少有这种混在一起展现的情况出现。没得法,要定制才能实现的了。
网友的原图(应当没侵权吧)
利用XCL-Charts实现的效果图:...
分类:
其他好文 时间:
2014-07-14 11:12:35
阅读次数:
238
周日在柱形图上加了两个小功能,其中之一是加上了期望线/分界线,功能很小,但我个人很喜欢这个功能(好像之前也没看到别的图表库原生支持这个。)
主要是加上这些小小的横线后,能很明显的区分出数据的层次。通过柱形与线的对比,可以一下就知道,目前处于什么层次或阶级。
这种功能在强调某个底线或分级时特别有感觉。比如,销售人员的销售底线,价格的红线等,在商业报表中表强调时应当很有用,不过我在Demo...
分类:
其他好文 时间:
2014-06-18 11:42:32
阅读次数:
167
柱形图是被使用最多的图之一,在写XCL-Charts这个Android图表库时,为它花费的时间相当多,不是因为有多难绘制,而是要在设计时如何才能保证图基类能适应各种情况,能灵活满足足够多的需求,以及够简洁的接口,并要开放出足够多的绘制元素和参数供开发人员定制,同时对各类柱形图独有的的特点要加以突出,再加上柱形图的选项本身相对于其它图来说也是相当多的,所以花了比较多的时间。结果嘛,至少我自己暂时觉得...
分类:
其他好文 时间:
2014-06-16 21:01:12
阅读次数:
732
XCL-Charts v0.1
Android开源图表库,基于原生的Canvas来绘制各种图表。目前支持3D/非3D柱形图、3D/非3D饼图、堆叠图、面积图、折线图、曲线图、环形图、南丁格尔玫瑰图、仪表盘、圆形图等等,并支持图表的混合显示及同数据源不同类型图表切换的功能。
License
采用Apache v2 License开源协议。
项目代码托管在开源中国上:
https://git.oschina.net/xclcharts/XCL-Charts
对在Android上用C...
分类:
移动开发 时间:
2014-06-16 11:38:22
阅读次数:
403
刚更新了代码,主要处理两个问题,主要都是某网友帮我测试出来的。 在这先谢了。
问题一. 是在低版本的Android 上,闪退。原因是找不到硬件加速相关的类。
问题二. Demo中用到了Seekbar的三个例子,在滑动时,图有时会消失不见。
对于问题一.
我代码中只有一处地方用到了和硬件加速相关的代码即GraphicalView类,...
分类:
其他好文 时间:
2014-06-14 17:39:01
阅读次数:
243
关于线图(Line Chart)如何画,我以前写过很详细的说明,只是在这附一下,现在的基类是怎么弄的。
基类把有关线图的所有相关元素都能开发出来变成可控制的,而隐藏了具体的位置计算,图形绘制计算等待过程,只须传入数据源,
加上自己想要的控制即可得到一个还不错的图表。
附上代码:
//线图基类
chart = new LineChart();
//图所占范...
分类:
其他好文 时间:
2014-05-12 06:33:13
阅读次数:
316
面积图的一个例子,做面积图时发现注释位置放图上方更好处理。改了下。 面积图的网格和轴处理与其它图不一样,
它是用覆盖的范围来表示其势力范围,标签轴无需在突出一段出来。这里处理了下。
代码:
//图基类
chart = new AreaChart();
//图所占范围大小
chart.setChartRange(0, 0, this.mScrWidth ,...
分类:
其他好文 时间:
2014-05-11 19:47:46
阅读次数:
359
曲线图与通常的折线图不同的地方是它的线条位置计算有点特别,所以我独立弄了一个类.同样,只需传入数据源给基类,
再加上,你想加的控制,可自动依设置绘出你想要的效果。
代码:
//图基类
chart = new CurveChart();
//图所占范围大小
chart.setChartRange(0, 0, this.mScrWidth ,...
分类:
其他好文 时间:
2014-05-11 07:21:43
阅读次数:
316
另一个横向的曲线图(CurveChart)
效果:
代码:
//图基类
chart = new CurveChart();
//图所占范围大小
chart.setChartRange(0, 0, this.mScrWidth , this.mScrHeight );
//标签轴标签集合
LinkedList labl...
分类:
其他好文 时间:
2014-05-11 05:05:57
阅读次数:
380
我也不知是不是叫圆图,反正这样叫吧, 这个图形是我今天在Circliful
这个jQuery 图表插件上看到的. 觉得很好看。
就想把它实现出来,因为之前画过环形图,且我现在的图表基类基本已成型,所以很快就画好了。
效果在展示页那有,这里也附上:
图1
图2 图3
附上上面三个图,在我图表库中的调用 代码:
图1:
//生成圆图类
chart...
分类:
其他好文 时间:
2014-05-09 06:16:22
阅读次数:
373