首页 > 代码库 > XCL-Chart柱形图的期望线/分界线

XCL-Chart柱形图的期望线/分界线

     周日在柱形图上加了两个小功能,其中之一是加上了期望线/分界线,功能很小,但我个人很喜欢这个功能(好像之前也没看到别的图表库原生支持这个。)

主要是加上这些小小的横线后,能很明显的区分出数据的层次。通过柱形与线的对比,可以一下就知道,目前处于什么层次或阶级。

    这种功能在强调某个底线或分级时特别有感觉。比如,销售人员的销售底线,价格的红线等,在商业报表中表强调时应当很有用,不过我在Demo中是举了个考试成绩的柱形图。虽不那么商业化,但应当可以比较让人好理解这个线的意义所在。

    图如下:


   附上XCL-Charts实现此图的代码:

package com.demo.xclcharts.view;

import java.text.DecimalFormat;
import java.util.LinkedList;
import java.util.List;

import org.xclcharts.chart.BarChart;
import org.xclcharts.chart.BarData;
import org.xclcharts.chart.DesireLineData;
import org.xclcharts.common.IFormatterDoubleCallBack;
import org.xclcharts.common.IFormatterTextCallBack;
import org.xclcharts.renderer.XEnum;

import android.content.Context;
import android.graphics.Color;

public class BarChart03View extends GraphicalView {
	
	//标签轴
	private List<String> chartLabels = new LinkedList<String>();
	private List<BarData> chartData = http://www.mamicode.com/new LinkedList();>   从代码中可以看出,与例子中其它的柱形图不同,在设置数据源时,我多设置了一个数据源:

//数据源
			chart.setDataSource(chartData);
			chart.setLabels(chartLabels);	
			chart.setDesireLines(mDesireLineDataSet);
即除了数据轴与标签轴的数据源以外,还设置了期望线的数据源。 而期望线由四个参数构成。

mDesireLineDataSet.add(new DesireLineData("及格线",60d,(int)Color.RED,7));		
		mDesireLineDataSet.add(new DesireLineData("优秀",90d,(int)Color.rgb(35, 172, 57),5));
: 用于标识线的意义,为""则不显示

         值 :用来与数据轴的值进行对比,来确认显示位置

颜色 :线的颜色

线的粗细:可以在特别强调时,与颜色配合来让人醒目。


     这只是每条线各自的属性,实现上,通过"chart.getDesireLinePaint()",可以得到线的画笔类,在上面设置透明度等等效果。

关注的可以试一下这个小功能。

XCL-Charts地址在"写的Android图表库XCL-Charts,整理好现在开源了!!!"中有写.


MAIL: xcl_168@aliyun.com

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