XCL-Charts画线图(Line Chart)

关于线图(Line Chart)如何画,我以前写过很详细的说明,只是在这附一下,现在的基类是怎么弄的。

基类把有关线图的所有相关元素都能开发出来变成可控制的,而隐藏了具体的位置计算,图形绘制计算等待过程,只须传入数据源,

加上自己想要的控制即可得到一个还不错的图表。

附上代码:

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

		//标签1对应的数据集
		LinkedList<Double> value1= new LinkedList<Double>();
		value1.add((double)25);
		value1.add((double)21);
		value1.add((double)31);
		value1.add((double)40);
		value1.add((double)35);
		//标签2对应的数据集
		LinkedList<Double> value2= new LinkedList<Double>();
		value2.add((double)30);
		value2.add((double)42);
		value2.add((double)50);
		value2.add((double)50);
		value2.add((double)40); 

		//将标签与对应的数据集分别绑定
		LineData lineData1 = new LineData("小熊",(int)Color.rgb(234, 83, 71),value1);
		LineData lineData2 = new LineData("小小熊",(int)Color.rgb(75, 166, 51),value2);		

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

		//设定数据源
		LinkedList<LineData> chartData = new LinkedList<LineData>();
		chartData.add(lineData1);
		chartData.add(lineData2);
		chart.setDataSource(chartData);

		//图标题
		chart.setTitle("线图(Line Chart)");
		//图例
		chart.setLegend("XCL-Charts");

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

		//设置标签轴颜色
		chart.getLablesAxisPaint().setColor((int)Color.rgb(22, 107, 164));
		//设置数据轴颜色
		chart.getDataAxisPaint().setColor((int)Color.rgb(252, 210, 9));	

		//显示分隔色
		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.setDotStyle(XTypes.LineDotStyle.Circle);
		//点上圆心半径
		chart.setLineDotRadius(8);
		//点上显示标签
		chart.isShowDotLabel(true);

		//设置标签轴标签 偏移量,旋转角度
		chart.setPaintStyle(XTypes.LineTextPaintType.LABLESAXIS_LABLES,10,-45f);

MAIL: [email protected]

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

XCL-Charts画线图(Line Chart)

时间: 2024-10-28 23:42:17

XCL-Charts画线图(Line Chart)的相关文章

Java画折线图

??? JFreeChart 是开放源代码站点SourceForge.net 上的一个 JAVA 项目,它主要用来各种各样的图表,这些图表包括:饼图.柱状图 ( 普通柱状图以及堆栈柱状图 ).线图.区域图.分布图.混合图.甘特图以及一些仪表盘等等. ??? 应用jfreechart来画图需要两个jar包:jfreechart.jar和jcommon.jar,直接去官网下载就成: https://sourceforge.net/projects/jfreechart/files/ ?? 下载完成后

Matplotlib学习---用matplotlib画折线图(line chart)

这里利用Jake Vanderplas所著的<Python数据科学手册>一书中的数据,学习画图. 数据地址:https://raw.githubusercontent.com/jakevdp/data-CDCbirths/master/births.csv 准备工作:先导入matplotlib和pandas,用pandas读取csv文件,然后创建一个图像和一个坐标轴 import pandas as pd from matplotlib import pyplot as plt birth=p

Open Flash Chart 之线图

天公司要求开发一个曲线图,简单看了一下之前公司的一个系统,发现一个曲线图效果还不错,查了一下叫OpenFlashChart,还是很不错的,很多人用.研究了一下,发现还不错,特地写了个DEMO测试下. public ActionResult ITooltip() { int DateLen = Convert.ToInt32(Request["d"]); int DateMode = Convert.ToInt32(Request["m"]); OpenFlashCh

画线缩放、瞳距缩放、Line延长到指定长度,内附效果,源码供应,解压就跑

原文:画线缩放.瞳距缩放.Line延长到指定长度,内附效果,源码供应,解压就跑 前言 公司项目需要做个画线缩放,我司称之为瞳距缩放,简而言之就是:2张图,从第一张图画一条线,再从第二个图画一条线,第二条线以第一条为基准,延长到一致的长度,并同比缩放图片:文字太枯燥,请先实例图 例子1:以皮卡丘为例,我要把路飞的拳头缩放到皮卡丘头那么大 例子2:以皮卡丘的基准,缩小路飞,与其身高一致 好了,相比看了上面的2个效果图,就明白了大致意思,这个demo可以获得,Canvas里面的Line如何顺着线条方向

功能分解——Android下画分时图与k线图有感

最近工作极度繁忙,已经好久没有更新博客了,总感觉要是再不抽空总结总结点东西,分分钟就会被懒惰的状态给打到了.同时也希望同学们谨记,如果你已经决定要坚持某些正确的东西,比如背完某章单词,看一完本书抑或是跑完多少公里等等,都要坚持下去,不要轻易被自己的懒惰与懈怠打败…… 今天要讲的是关于怎么解决某些砰然大物般的问题,我回想了一下过去遇到的所有难题,都可以划分成为一个个微不足道的小问题.于是想起了管理学里面有关“拆分”的内容,就是任何复杂的东西都可以拆分成一个个简单得任何人都可以做的地步. 想到这些问

使用ECharts画K线图

需引入echarts.js插件,开发环境建议选择源代码版本,该版本包含了常见的警告和错误提示.下载地址 http://echarts.baidu.com/download.html 下面是代码,注释很清楚,主要是js代码,可根据项目进行增删!配置项说明: http://echarts.baidu.com/option.html#title <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g

怎么使用CAD看图软件给图纸画线?

怎么使用CAD看图软件给图纸画线?在日常的工作中,建筑设计师们每天围绕这的工作就是绘制CAD图纸,绘制完成之后就是对图纸不断的进行查看,看看有没有什么问题,但是如果在查看的时候,发现CAD图纸中缺少一条线,这么时候要怎么办了.那怎么使用CAD看图软件给图纸画线?具体要怎么来操作了?下面就来教教大家具体操作方法,想要了解的朋友也一起来看看吧. 第一步:首先,打开电脑,如何电脑中没有CAD看图软件,就在电脑桌面中任意的打开一个浏览器,在浏览器的搜索框中搜索迅捷CAD看图软件,在搜索出的结果中鼠标点击

怎么使用CAD看图中的画线功能

设计师们每天的日常工作就是绘制图纸,那都是借助CAD编辑器来进行绘制的,CAD编辑器中绘制的图纸都是dwg格式的,需要使用CAD看图软件才能够对图纸进行查看,那在使用CAD看图软件的时候,怎么使用CAD看图中的画线功能?下面我们就一起来看看吧. 步骤一:首先,在电脑中任意的打开一个浏览器,然后在浏览器的搜索框中搜索迅捷CAD看图,在搜索的结果中鼠标点击进入下载界面中,接着点击下载安装CAD看图到电脑上就可以了. 步骤二::接下来,安装完成之后移动鼠标到CAD看图所在的位置上,再双击鼠标左键将该软

echarts画k线图

var charset = echarts.init(document.getElementById("k_line")) $.get(k_line.url_A).done(function (info) { var rawData = info.Data.History; var single = info.Data.Signal; var single_ = []; var arr = []; for (var i = 0; i < single.length; i++) {