android自定义统计折线图和柱状图组合

本代码是一年前公司项目需要自己所写,当时做android项目需要统计的功能，统计的图表包括饼图、柱状图、折线图，代码写的有些笨拙！希望大家能够看懂！其代码做抛砖引玉，希望大家能够再改写下！可以用多线程做出动画，是不是更好呢？这些后期我也没有整理过，所以谁能再整理下！此含有柱状图和折线图的组合，有兴趣的可以拆分成单个的折线图和柱状图。

LineHistogram.java

package com.wforyou.dhh.ui.widget;

import java.util.Arrays;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.view.View.MeasureSpec;

public class LineHistogram extends View {

private int mAscent;

private String mText="";
// 屏幕的高度
public static int heightPixels = 0;

// 屏幕的宽度
public static int widthPixels = 0;

// X轴
public static float XLength = 600.f;

// Y轴
public static float Ylength = 300.0f;

// X轴最大值
public static float XMAXLENGTH = 2500.0f;

// Y轴最大值
public static float YMAXLENGTH = 250.0f;

// 画笔
private static Paint paint;

// 距离屏幕左边的距离
private static float marginleft = 0;

// 距离屏幕上边的距离
private static float margintop = 0;

// 统计图的标题
public String NoteText = "";

// 实际提示信息
public String thinkNoteText = "";

// 计划提示信息
public String realityNoteText = "";

// 平均刻度值
public static int average = 40;

// y轴刻度的平均值，需要几个刻度
public static int yaverage = 6;

// 以多少像素取几个刻度
public static float faverage = 50;

// x轴刻度的间距
public static float xaverage = 40;

/**文本信息**/
public String[] ValuesText = { "裤子", "文胸", "T恤", "衬衣", "保暖衣", "保暖裤",
"头巾", "围巾" };

/**计划所对应的金额**/
public double[] thinkValues = { 360, 400, 600, 2000, 1500, 485, 315,
365 };

/**实际所对应的金额**/
public double[] realityValues = { 300, 180, 150, 180, 900, 35, 255, 125 };

/**计划金额的颜色**/
public static int thinkcolor = Color.parseColor("#004882");

/**实际金额的颜色**/
public static int truecolor = Color.parseColor("#C96118");

/**平均刻度值与实际刻度值的比**/
public static float xpaverage = 1;

/**Y轴提示信息**/
public static String yText="金额";

/**x轴提示信息**/
public static String xText="";
/**文本信息的间距**/
public static float yspace=60;

public LineHistogram(Context context, AttributeSet attrs) {
super(context, attrs);
}

public LineHistogram(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
}

public LineHistogram(Context context) {
super(context);
// TODO Auto-generated constructor stub
}

@Override
protected void onDraw(Canvas canvas) {

getWidthHeigth();
getmaxyLength();
Log.v("msg", "hello world data " + String.valueOf(XMAXLENGTH));

Log.v("msg", "heightPixels = " + String.valueOf(heightPixels)
+ "  widthPixels = " + String.valueOf(widthPixels)
+ "  XLength = " + String.valueOf(XLength) + "  Ylength = "
+ String.valueOf(Ylength));
canvas.drawColor(Color.WHITE);

paint = new Paint();
paint.setAntiAlias(true);

DrawXY(canvas);

drawCentreNote(canvas);

drawNoteText(canvas);

getyaverage();

getAverage(XMAXLENGTH);

getxpaverage();

DrawYText(canvas);

DrawValuesText(canvas);

drawtrue(canvas);

drawthink(canvas);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(measureWidth(widthMeasureSpec),
measureHeight(heightMeasureSpec));
}

private void getWidthHeigth() {
//		DisplayMetrics metrics = getResources().getDisplayMetrics();
//
//		// 屏幕高
//		heightPixels = metrics.heightPixels;
//		// 屏幕宽
//		widthPixels = metrics.widthPixels;

// 屏幕高
heightPixels =getHeight();
// 屏幕宽
widthPixels = getWidth();

marginleft=getPaddingLeft()+50f;
margintop=getPaddingTop()+60f;

// X轴
XLength = widthPixels;
// Y轴
Ylength = heightPixels -70;
}

public void DrawXY(Canvas canvas) {

paint.setColor(Color.BLACK);

//		canvas.drawLine(marginleft, margintop, marginleft + 5, margintop + 5,
//				paint);// 画右下箭头
//		canvas.drawLine(marginleft, margintop, marginleft - 5, margintop + 4,
//				paint);// 画左上箭头

canvas.drawLine(marginleft, margintop, marginleft, Ylength, paint);
canvas.drawLine(marginleft, Ylength, XLength, Ylength, paint);

//		canvas.drawLine(XLength - 5.0f, Ylength + 5.0f, XLength, Ylength, paint);// 画箭头
//		canvas.drawLine(XLength - 5.0f, Ylength - 5.0f, XLength, Ylength, paint);// 画箭头
}

public void drawNoteText(Canvas canvas) {
paint.setColor(Color.BLACK);
paint.setTextSize(20);

canvas.drawText(NoteText,
((float) ((XLength - paint.measureText(NoteText)) / 2)), margintop+20,
paint);
}

public void drawNote(Canvas canvas) {
paint.setColor(truecolor);
paint.setTextSize(15);
canvas.drawRect(marginleft, Ylength + 45f, marginleft + 10f,
Ylength + 55f, paint);
canvas.drawText(thinkNoteText, marginleft + 20f, Ylength + 55f, paint);

paint.setColor(thinkcolor);
canvas.drawLine(marginleft + 30f + paint.measureText(thinkNoteText),
Ylength + 40f, marginleft + 43f + paint.measureText(thinkNoteText),
Ylength + 50f, paint);
canvas.drawText(realityNoteText,
marginleft + 50f + paint.measureText(thinkNoteText), Ylength + 55f,
paint);

canvas.drawLine(0, 492, XLength, 492, paint);
}

/**
* 提示信息画中心
* @param canvas
*/
public void drawCentreNote(Canvas canvas) {
float temp=XLength/2;//得到屏幕中间的像素值
paint.setColor(thinkcolor);//设置颜色
paint.setTextSize(15);//设置字体

//画圆左边线
canvas.drawLine(temp-paint.measureText(thinkNoteText)-50f, Ylength+50, temp-paint.measureText(thinkNoteText)-40f, Ylength+50, paint);
//画大圆
canvas.drawCircle(temp-paint.measureText(thinkNoteText)-35f, Ylength+50, 5, paint);
//设置颜色
paint.setColor(Color.WHITE);
//画小圆切割大圆成环形
canvas.drawCircle(temp-paint.measureText(thinkNoteText)-35f, Ylength+50, 2.5f, paint);

paint.setColor(thinkcolor);
//画圆右边的线
canvas.drawLine(temp-paint.measureText(thinkNoteText)-30f, Ylength+50, temp-paint.measureText(thinkNoteText)-20f, Ylength+50, paint);

paint.setColor(Color.BLACK);
//画提示信息
canvas.drawText(thinkNoteText, temp-paint.measureText(thinkNoteText)-10, Ylength+55, paint);

paint.setColor(truecolor);

//画矩形
canvas.drawRect(temp+10, Ylength+45, temp+20, Ylength+55, paint);

paint.setColor(Color.BLACK);
//画提示信息
canvas.drawText(realityNoteText, temp+30, Ylength+55, paint);

canvas.drawText("0", marginleft-10f, Ylength+10, paint);

}

public String getAverage(double d) {
String strRtn = "0";
int intnum = (int) (d / yaverage);

int inttemp = Integer
.valueOf(getNumber(String.valueOf(intnum).length()));
if (inttemp == 1) {
strRtn = String
.valueOf((int) (d % yaverage) == 0 ? ((int) (d / yaverage))
: ((int) (d / yaverage) + 1));
} else {
strRtn = String.valueOf(intnum % inttemp == 0 ? (intnum / inttemp)
* inttemp : (intnum / inttemp + 1) * inttemp);
}
average = Integer.valueOf(strRtn);
Log.v("msg", "average = " + String.valueOf(average) + " YMAXLENGTH = "
+ String.valueOf(YMAXLENGTH));
return strRtn;
}

public void getyaverage() {
yaverage = (int) ((Ylength - margintop - 10) % faverage == 0.0 ? (Ylength
- margintop - 10)
/ faverage
: (Ylength - margintop - 10) / faverage);
Log.v("msg", "Ylength = " + String.valueOf(Ylength) + " yaverage = "
+ String.valueOf(yaverage));
Log.v("msg",
"data  =  "
+ String.valueOf((Ylength - margintop - 10) % faverage)
+ "  length = "
+ String.valueOf(Ylength - margintop - 10));
Log.v("msg",
"rtn1 = "
+ String.valueOf((Ylength - margintop - 10) / faverage)
+ "  Rtn2 = "
+ String.valueOf((Ylength - margintop - 10) / faverage));
}

public void getxpaverage() {
xpaverage = average / faverage;
Log.v("msg", "xp =" + String.valueOf(xpaverage));
}

public String getNumber(int num) {
String strRtn = "1";
if (num > 0) {
for (int i = 0; i < num - 1; i++) {
strRtn += "0";
}
}
return strRtn;
}

public void DrawYText(Canvas canvas) {
paint.setColor(Color.BLACK);
Float temp = 0.0f;
paint.setTextSize(12);
for (int i = 1; i < yaverage + 1; i++) {
paint.setColor(Color.BLACK);
temp = Ylength - Float.valueOf(faverage * i);
Log.v("msg", String.valueOf(temp));
//			canvas.drawLine(marginleft - 10, temp, marginleft, temp, paint);
canvas.drawText(String.valueOf(Integer.valueOf(average) * i), marginleft-paint.measureText(String.valueOf(Integer.valueOf(average) * i))-5,
temp + 4.5f, paint);
paint.setColor(Color.parseColor("#9EADD1"));
canvas.drawLine(marginleft, temp, XLength, temp, paint);
}
paint.setColor(Color.BLACK);
canvas.drawLine(marginleft, margintop, marginleft, margintop+10, paint);
paint.setTextSize(15);
canvas.drawText(yText,marginleft-paint.measureText(yText)-5f,Ylength-15, paint);

canvas.drawText(xText,marginleft,Ylength+40, paint);
}

public void DrawValuesText(Canvas canvas) {
paint.setColor(Color.BLACK);
float temp = marginleft-20f;
for (int i = 0; i < ValuesText.length; i++) {
temp += yspace;
canvas.drawLine(temp, Ylength, temp, Ylength + 5f, paint);
canvas.drawText(ValuesText[i], temp - (paint.measureText(ValuesText[i])/2), Ylength + 20f, paint);
}
}

public void getmaxyLength() {
double temp = thinkValues[0];
for (int i = 1; i < thinkValues.length; i++) {
if (temp < thinkValues[i]) {
temp = thinkValues[i];
}
}
for (int i = 0; i <realityValues.length; i++) {
if (temp < realityValues[i]) {
temp = realityValues[i];
}
}
XMAXLENGTH = (float) temp;
}

public void DrawXthinkText(Canvas canvas) {

float temp = marginleft-20;
for (int i = 0; i < thinkValues.length; i++) {
temp += yspace;
paint.setColor(thinkcolor);
canvas.drawRect(temp - 20.0f, Ylength - (float) (thinkValues[i]),
temp, Ylength, paint);
canvas.drawText(String.valueOf((int) thinkValues[i]), temp - 20.0f,
(float) (Ylength - thinkValues[i] - 3.0f), paint);
paint.setColor(truecolor);
canvas.drawRect(temp, Ylength - (float) (realityValues[i]), temp + 20.f,
Ylength, paint);
canvas.drawText(String.valueOf((int) realityValues[i]), temp,
(float) (Ylength - realityValues[i] - 3.0f), paint);
Log.v("msg",
"data" + String.valueOf(Ylength - (float) (thinkValues[i])));
}
}

public void drawthink(Canvas canvas) {
paint.setColor(thinkcolor);
float temp = marginleft-20;
for (int i = 0; i < thinkValues.length - 1; i++) {
temp += yspace;
canvas.drawLine(temp, Ylength
- (float) (thinkValues[i] / xpaverage), temp += yspace,
Ylength - (float) (thinkValues[i + 1] / xpaverage), paint);
temp -= yspace;
}

temp = marginleft-20;
for (int i = 0; i < thinkValues.length; i++) {
temp += yspace;
paint.setColor(thinkcolor);
canvas.drawText(String.valueOf(thinkValues[i]), temp - (paint.measureText(String.valueOf(thinkValues[i]))/2),
Ylength - (float) (thinkValues[i] / xpaverage) - 7.0f,
paint);
canvas.drawCircle(temp, Ylength
- (float) (thinkValues[i] / xpaverage), 5.0f, paint);
paint.setColor(Color.WHITE);
canvas.drawCircle(temp, Ylength
- (float) (thinkValues[i] / xpaverage), 2.5f, paint);
}
}

public void drawtrue(Canvas canvas) {
float temp = marginleft-20;
paint.setColor(truecolor);

for (int i = 0; i < realityValues.length; i++) {
temp += yspace;
canvas.drawRect(temp - 15.0f, Ylength
- (float) (realityValues[i] / xpaverage), temp + 15.0f, Ylength,
paint);
}

paint.setColor(Color.BLACK);
temp = marginleft-20;
for (int i = 0; i < realityValues.length; i++) {
temp += yspace;
canvas.drawText(String.valueOf(realityValues[i]), temp - (paint.measureText(String.valueOf(realityValues[i]))/2),
Ylength - 20.0f, paint);
}
}

private int measureWidth(int measureSpec) {
paint=new Paint();
int result = 0;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);

if (specMode == MeasureSpec.EXACTLY) {
// We were told how big to be
result = specSize;
} else {
// Measure the text
if(mText.equals("")){
DisplayMetrics metrics = getResources().getDisplayMetrics();
result = (int) (metrics.widthPixels<getAcquiesceWhidth()?getAcquiesceWhidth():metrics.widthPixels+getPaddingLeft()
+ getPaddingRight());
}else{
result = (int) paint.measureText(mText) + getPaddingLeft()
+ getPaddingRight();
}

if (specMode == MeasureSpec.AT_MOST) {
// Respect AT_MOST value if that was what is called for by
// measureSpec
result = Math.min(result, specSize);
}
}

return result;
}

/**
* Determines the height of this view
*
* @param measureSpec
*            A measureSpec packed into an int
* @return The height of the view, honoring constraints from measureSpec
*/
private int measureHeight(int measureSpec) {
paint = new Paint();
int result = 0;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);

mAscent = (int) paint.ascent();
if (specMode == MeasureSpec.EXACTLY) {
// We were told how big to be
result = specSize;
} else {
if (mText.equals("")) {
DisplayMetrics metrics = getResources().getDisplayMetrics();
result = (int) (metrics.heightPixels-150 + getPaddingLeft() + getPaddingRight());
} else {
result = (int) (-mAscent + paint.descent()) + getPaddingTop()
+ getPaddingBottom();
}
if (specMode == MeasureSpec.AT_MOST) {
result = Math.min(result, specSize);
}
}
return result;
}

public float getAcquiesceWhidth(){
float rtn=100;
if(ValuesText.length>0){
rtn=getPaddingLeft()+40+(yspace*(ValuesText.length+1));
}
return rtn;
}

public String getNoteText() {
return NoteText;
}

public void setNoteText(String noteText) {
NoteText = noteText;
}

public String getThinkNoteText() {
return thinkNoteText;
}

public void setThinkNoteText(String thinkNoteText) {
this.thinkNoteText = thinkNoteText;
}

public String getRealityNoteText() {
return realityNoteText;
}

public void setRealityNoteText(String realityNoteText) {
this.realityNoteText = realityNoteText;
}

public String[] getValuesText() {
return ValuesText;
}

public void setValuesText(String[] valuesText) {
ValuesText = valuesText;
}

public double[] getThinkValues() {
return thinkValues;
}

public void setThinkValues(double[] thinkValues) {
this.thinkValues = thinkValues;
}

public double[] getRealityValues() {
return realityValues;
}

public void setRealityValues(double[] realityValues) {
this.realityValues = realityValues;
}

@Override
public String toString() {
return "LineHistogram [mAscent=" + mAscent + ", mText=" + mText
+ ", NoteText=" + NoteText + ", thinkNoteText=" + thinkNoteText
+ ", realityNoteText=" + realityNoteText + ", ValuesText="
+ Arrays.toString(ValuesText) + ", thinkValues="
+ Arrays.toString(thinkValues) + ", realityValues="
+ Arrays.toString(realityValues) + "]";
}

}

用法

/**大类数量比例**/
private Cookie mCkAddTypeQuantity;

/**预期和实际对比**/
private LineHistogram mHgAddContrast;

public void getDataContrast(String muserID) {
SqlStatistics service = new SqlStatistics(getActivity());
DHHApp.setUserId("J0049");
ArrayList<OrderStatistics> arrayList = service.getSumAmount(true);
Logs.v("msg", "test data = " + arrayList.toString());
String[] thinkdata = new String[arrayList.size()];
double[] thinkNumber = new double[arrayList.size()];
double[] trueNumber = new double[arrayList.size()];
int intcount = 0;
for (OrderStatistics orderStatistics : arrayList) {
thinkdata[intcount] = orderStatistics.getShowName();
thinkNumber[intcount] = orderStatistics.getShowSecondNumber();
trueNumber[intcount]=orderStatistics.getShowNumber();
intcount++;
}
mHgAddContrast.setValuesText(thinkdata);
mHgAddContrast.setThinkValues(thinkNumber);
mHgAddContrast.setRealityValues(trueNumber);
mHgAddContrast.setRealityNoteText("实际订购金额");
mHgAddContrast.setThinkNoteText("计划订购金额");
mHgAddContrast.setNoteText("");
}

布局

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >

<com.wforyou.dhh.ui.widget.LineHistogram
android:id="@+id/user_LineHistogram_Contrast"
android:layout_width="match_parent"
android:layout_height="fill_parent" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="35dp"
android:layout_marginTop="20dp"
android:background="@drawable/bg_tb_left"
android:paddingLeft="60dp" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
android:background="@drawable/bg_user_plancontrast" />
</RelativeLayout>