周日在柱形图上加了两个小功能,其中之一是加上了期望线/分界线,功能很小,但我个人很喜欢这个功能(好像之前也没看到别的图表库原生支持这个。)
主要是加上这些小小的横线后,能很明显的区分出数据的层次。通过柱形与线的对比,可以一下就知道,目前处于什么层次或阶级。
这种功能在强调某个底线或分级时特别有感觉。比如,销售人员的销售底线,价格的红线等,在商业报表中表强调时应当很有用,不过我在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
此为文章备份,原文出处(我的网站)网页绘制图表 Google Charts with
JavaScript #2 ....与ASP.NET网页结合 (ClientScriptManager.RegisterStartupScript
方法)http://www.dotblogs.com.tw/mis...
分类:
编程语言 时间:
2014-05-28 13:24:38
阅读次数:
417
此为文章备份,原文出处(我的网站)网页绘制图表 Google Charts with
JavaScript....好强、好简单啊!#1http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/23/google_charts-javascript.a...
分类:
编程语言 时间:
2014-05-28 13:17:58
阅读次数:
311
关于线图(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