XCL-Charts画一个图(CurveChart)

情节线图与往常不同的是,它是一个比较特殊线位置计算。所以我得到一个单独的类.相同。只需要输入数据源的基类,

加,控制要添加的。你可以画出你自己主动设置按照预期的效果。

代码:

//图基类
				chart = new CurveChart();
				//图所占范围大小
				chart.setChartRange(0, 0, this.mScrWidth  , this.mScrHeight );

				//标签轴标签集合
				LinkedList<String> lables = new LinkedList<String>();
				lables.add("2010");
				lables.add("2011");
				lables.add("2012");
				lables.add("2013");
				lables.add("2014");
				chart.setLineLables(lables);

				//线1的数据集
				LinkedHashMap<Double,Double> linePoint1 = new LinkedHashMap<Double,Double>();
				linePoint1.put(10d, 30d);
				linePoint1.put(25d, 80d);
				linePoint1.put(60d, 60d);
				linePoint1.put(75d, 45d);
				CurveData curveData1 = new CurveData("青菜萝卜够吃",
						(int)Color.rgb(54, 141, 238) ,linePoint1);
				//线2的数据集
				LinkedHashMap<Double,Double> linePoint2 = new LinkedHashMap<Double,Double>();
				linePoint2.put(40d, 40d);
				linePoint2.put(55d, 85d);
				linePoint2.put(70d, 65d);
				linePoint2.put(85d, 55d);
				CurveData curveData2 = new CurveData("饭管够",
						(int)Color.rgb(255, 165, 132) ,linePoint2);

				//设定数据源
				LinkedList<CurveData> chartData = new LinkedList<CurveData>();
				chartData.add(curveData1);
				chartData.add(curveData2);
				chart.setDataSource(chartData);

				//柱形图标题
				chart.setTitle("曲线图(Curve Chart)");
				//柱形图图例
				chart.setLegend("XCL-Charts");

				//数据轴最大值
				chart.setDataAxisMax(100);
				//数据轴刻度间隔
				chart.setDataAxisSteps(10);
				//标签轴最大值
				chart.setLablesAxisMax(100);				

				//设置标签轴颜色
				chart.getLablesAxisPaint().setColor((int)Color.rgb(68, 136, 187));
				//设置数据轴颜色
				chart.getDataAxisPaint().setColor((int)Color.rgb(68, 136, 187));	

				//显示分隔色
				chart.isShowInnerLineInterval(false);
				//设置分隔色
				chart.setInnerLineIntervalColor((int)Color.rgb(239, 239, 239));

				//显示横向分隔网线
				chart.isShowInnerHorizontalLine(true);
				//显示竖向分隔网线
				chart.isShowInnerVerticalLine(true);
				//显示横向分隔网线粗细及颜色
				chart.setInnerHorizontalLineStyle(1,(int)Color.rgb(218, 218, 218));
				//显示竖向分隔网线粗细及颜色
				chart.setInnerVerticalLineStyle(1,(int)Color.rgb(218, 218, 218));

				//线条粗细
				chart.setLineStyle(5);
				//chart.setPointStyle(XTypes.PointType.Circle);
				//点上显示圆心
				chart.setLineDotRadius(8);
				//点上显示标签
				chart.isShowDotLabel(true);
				//设置标签轴标签 偏移量,旋转角度
				chart.setPaintStyle(XTypes.LineTextPaintType.LABLESAXIS_LABLES,10,-45f);

MAIL: [email protected]

BLOG:http://blog.csdn.net/xcl168

版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-08-29 15:44:41

XCL-Charts画一个图(CurveChart)的相关文章

[原创]css3简单几步画一个乾坤图

效果如上,鼠标移上去会有动画. 代码如下非常简单: 1 <html> 2 <head> 3 <style> 4 .outer{height:100px;width:200px;border-radius:100px 100px 0px 0px;border:solid 1px #666;border-bottom:none; margin:0 auto;background:#fff;overflow:hidden;} 5 .inner{width:300px;heig

css3简单几步画一个乾坤图

原文:[原创]css3简单几步画一个乾坤图 效果如上,鼠标移上去会有动画. 代码如下非常简单: 1 <html> 2 <head> 3 <style> 4 .outer{height:100px;width:200px;border-radius:100px 100px 0px 0px;border:solid 1px #666;border-bottom:none; margin:0 auto;background:#fff;overflow:hidden;} 5 .

如何画一个精致的思维导图

画思维导图和画一个精致的思维导图还是有很大的区别的,不仅对软件要求比较高,还要将内容更加的丰富,所以就需要下功夫啦,下面交给大家画精致思维导图的操作方法,想要使用的朋友可以参考使用. 工具/原料: 迅捷画图官网,能上网的电脑并带有浏览器 操作方法介绍: 1.进入迅捷画图官网中,在上述列表中有三项操作,选择模板点击进去可以看到有很多制作精美的模板,并且不同的分类归纳的很清楚,需要套用模板的可以点击模板进行编辑使用. 2.这里要绘制的是思维导图,点击新建文件之后会有四个选项可以选择,点击思维导图即可

iOS 画环形图

由于新项目的的需求,需要画环形图,由于以前都没接触过这一类(我是菜鸟),去cocochina山找到了一个案例,个人觉得还可以,分享一下 github 地址https://github.com/zhouxing5311/ZZCircleProgress 这个使用起来非常的简单 作者开放了很多接口,可以根据自己的需求进行更改 一般就是声明一个累类就Ok了 具体实现的代码如下 可能我的代码有点不一样,我自己加入了一些元素进去 //无小圆点.同动画时间 self.zzCircleProgress = [

使用Mysql Workbench 画E-R图

MySQL Workbench 是一款专为MySQL设计的ER/数据库建模工具.你可以用MySQL Workbench设计和创建新的数据库图示,建立数据库文档,以及进行复杂的MySQL 迁移.这里介绍使用MySQL Workbench画E-R图. 方法/步骤 在开始菜单里找到软件,点击打开 启动软件过后,不需要连接数据库(很多人就直接连接数据库了所以找不到设计ER模型的地方) 点击"+" ,进入模型设计界面 双击Add Diagram 进入如下设计界面 点击工具栏表格,并在设计区域点击

Windows8.1画热度图 - 坑

想要的效果 如上是silverlight版本.原理是设定一个调色板,为256的渐变色(存在一个png文件中,宽度为256,高度为1),然后针对要处理的距离矩阵图形,取图片中每个像素的Alpha值作为索引,对应到调色板的颜色.每个像素处理之后,则形成上面的热度图.该图主要表达了一个数据分布的密度. 网络上有一个Gildor.HeatmapDemos工程,我主要参考了SL版本.要注意elipseRadius,如果过小,即每个圆彼此不相交,则看不到热度效果,所以代码设置初始值为100.(上图的数值初始

XCL-Charts画面积图(AreaChart) 例1

面积图的一个例子,做面积图时发现注释位置放图上方更好处理.改了下. 面积图的网格和轴处理与其它图不一样, 它是用覆盖的范围来表示其势力范围,标签轴无需在突出一段出来.这里处理了下. 代码: //图基类 chart = new AreaChart(); //图所占范围大小 chart.setChartRange(0, 0, this.mScrWidth , this.mScrHeight ); //标签1对应的数据集 LinkedList<Double> valueA= new LinkedLi

Astah画类图——第八周作业

使用Astah画UML类图经验总结 从学习需求工程与UML开始,就开始接触到Astah这款软件,但是当时完全是为了对UML各种图的了解加深才使用了这款软件.当时画图,都是完全凭借自己想,并没有考虑实际情况,而且画的图都是很简单的,甚至有些图是已经给定的,只要在软件上再画一遍来了解软件的使用.所以当时,对与这款软件并没有很好的使用.在最近进行软件项目管理的时候,需要画类图,我再次使用了这个软件.由于这次的工程涉及的类很多(和我之前遇到的相比),所以画了比较长的的时间,我也从这个软件中,摸索到了一些

如何使用excel画甘特图

甘特图小伙伴们都非常的熟悉,首先小编简单的向各位小伙伴介绍一下上面是甘特图,甘特图内在思想简单,即以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间.基本是一条线条图,横轴表示时间,纵轴表示活动(项目),线条表示在整个期间上计划和实际的活动完成情况.它直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比.管理者由此可便利地弄清一项任务(项目)还剩下哪些工作要做,并可评估工作进度. 还记得在软考的时候,甘特图经常和PERT图放在一起,考察我们,既然提到了PERT