MPAndroidChart 的实现

效果图：

代码实现：

package com.jiahao.me;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {
	private ChartView chartView;
	ArrayList<Double> yList;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        chartView = (ChartView) findViewById(R.id.chartView);
        
        
//        yList = new ArrayList<Double>();
//		yList.add((double) 2.103);
//		yList.add(4.05);
//		yList.add(6.60);
//		yList.add(3.08);
//		yList.add(4.32);
//		yList.add(2.0);
//		yList.add(5.0);
//
//		ArrayList<String> xRawDatas = new ArrayList<String>();
//		xRawDatas.add("05-19");
//		xRawDatas.add("05-20");
//		xRawDatas.add("05-21");
//		xRawDatas.add("05-22");
//		xRawDatas.add("05-23");
//		xRawDatas.add("05-24");
//		xRawDatas.add("05-25");
//		xRawDatas.add("05-26");
//		
//		xRawDatas.add("05-19");
//		xRawDatas.add("05-20");
//		xRawDatas.add("05-21");
//		xRawDatas.add("05-22");
//		xRawDatas.add("05-23");
//		xRawDatas.add("05-24");
//		xRawDatas.add("05-25");
//		xRawDatas.add("05-26");
//		
//		xRawDatas.add("05-19");
//		xRawDatas.add("05-20");
//		xRawDatas.add("05-21");
//		xRawDatas.add("05-22");
//		xRawDatas.add("05-23");
//		xRawDatas.add("05-24");
//		xRawDatas.add("05-25");
//		xRawDatas.add("05-26");
//		chartView.setData(yList, xRawDatas, 8, 2);
        
        List<Float> values = new ArrayList<Float>();
        List<String> xlabel = new ArrayList<String>();
        
        values.add(36.5f);
        xlabel.add("02-01");
        
        values.add(35.5f);
        xlabel.add("02-02");
        
        values.add(34.3f);
        xlabel.add("02-03");
        
        values.add(36.8f);
        xlabel.add("02-04");
        
        values.add(36.4f);
        xlabel.add("02-05");
        
        
        values.add(37.1f);
        xlabel.add("02-06");
        
        values.add(37.5f);
        xlabel.add("02-07");
        
        values.add(36.5f);
        xlabel.add("02-08");
        
        values.add(36.2f);
        xlabel.add("02-09");
        
        values.add(38.5f);
        xlabel.add("02-10");
        
        values.add(36.5f);
        xlabel.add("02-11");
        
        values.add(37.1f);
        xlabel.add("02-06");
        
        values.add(37.5f);
        xlabel.add("02-07");
        
        values.add(36.5f);
        xlabel.add("02-08");
        
        values.add(36.2f);
        xlabel.add("02-09");
        
        values.add(38.5f);
        xlabel.add("02-10");
        
        values.add(36.5f);
        xlabel.add("02-11");
        
        
        values.add(37.1f);
        xlabel.add("02-12");
        
        values.add(37.5f);
        xlabel.add("02-13");
        
        values.add(36.5f);
        xlabel.add("02-14");
        
        /**values.add(36.2f);
        xlabel.add("02-15");
        
        values.add(38.5f);
        xlabel.add("02-15");
        
        values.add(36.5f);
        xlabel.add("02-17");
        
        values.add(37.1f);
        xlabel.add("02-08");
        
        values.add(37.5f);
        xlabel.add("02-09");
        
        values.add(36.5f);
        xlabel.add("02-20");
        
        values.add(36.2f);
        xlabel.add("02-21");
        
        values.add(38.5f);
        xlabel.add("02-22");
        
        values.add(36.5f);
        xlabel.add("02-23");
        **/
        
        
        
        chartView.setValueData(values, xlabel);
    }
    
}

package com.jiahao.me;

import java.util.List;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.graphics.PathEffect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.renderscript.Element;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.WindowManager;

@SuppressLint("NewApi") public class ChartView extends View {
	
	private Paint paint;
	private int marginTop = 70;
	private int yLabelHeihgt = 70;
	private int marginBottom = 10;
	private int widthScreen;
	private DisplayMetrics dm;
	private WindowManager windowManager;
	private List<Float> values;
	private List<String> xlabel;
	private float radius = 5f;
	private float minValue = 34f;
	private float maxValue = 39f;
	private float marginLeft = 20;
	
	// Y轴文字的宽度
	private float labelWidth = 40f;
	private float xLabelWidth =70f;
	private Paint circlePaint;
	private String [] yVal;
	
	private Paint xuLinePaint;
	private Bitmap water;
	private Bitmap heart;
	private int lastX;
	private int lastY;
	
	private int initLeft;
	
	private int parentWidth;
	
	private int offX;
	private int offY;
	private int scrollX;
	private int scrollY;
	private int downLeft;
	private int downRight;
	private float pointX;
	

	public ChartView(Context context, AttributeSet attrs) {
		super(context, attrs);
		windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
		widthScreen = windowManager.getDefaultDisplay().getWidth();
		water = BitmapFactory.decodeResource(context.getResources(), R.drawable.water);
		heart = BitmapFactory.decodeResource(context.getResources(), R.drawable.heart);

		
	}
	
	@Override
	protected void onLayout(boolean changed, int left, int top, int right,
			int bottom) {
		super.onLayout(changed, left, top, right, bottom);
	}
	
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		paint = new Paint(Paint.ANTI_ALIAS_FLAG);
		paint.setAntiAlias(false);
		paint.setTextSize(12);
		paint.setColor(Color.BLACK);
		circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		circlePaint.setAntiAlias(false);
		circlePaint.setColor(Color.parseColor("#fc5a9c"));
		
		xuLinePaint = new Paint();
		xuLinePaint.setAntiAlias(false);
		xuLinePaint.setStyle(Paint.Style.STROKE);
		xuLinePaint.setColor(Color.parseColor("#fc5a9c"));
		PathEffect effects = new DashPathEffect(new float[]{5,5,5,5},1);  
		xuLinePaint.setPathEffect(effects);
		
		canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG));
		
		
		// 画默认图表
		initViews(canvas);
		initLeft = getLeft();
		Log.e("Test", "initLeft=" + initLeft);
		drawValues(canvas);
		
	}
	
	public void setValueData(List<Float> values,List<String> xlabel) {
		this.xlabel = xlabel;
		this.values = values;
		
	}
	
	private void initViews(Canvas canvas) {
		yVal = new String []{"39.0","38.5","38.0","37.5","37.0","36.5","36.0","35.5","35.0","34.5","34.0"};
		
		pointX = 0f;
		if (values != null && values.size() > 0) {
			pointX = (yLabelHeihgt * (values.size() + 1)) + labelWidth * 2;
		}
//		for (int i = 0;i < values.size();i++) {
//			 pointX =  pointX + (yLabelHeihgt * (i + 1)) + (labelWidth / 2);
//		}
		
		for (int i = 0; i < yVal.length;i++) {
//			canvas.drawText(yVal[i], labelWidth, (yLabelHeihgt * (i + 1)), paint);
			if (pointX > widthScreen) {
				canvas.drawLine(0, (yLabelHeihgt * (i + 1)), pointX, (yLabelHeihgt * (i + 1)), paint);
			} else {
				// labelWidth + 40
				canvas.drawLine(0, (yLabelHeihgt * (i + 1)), widthScreen, (yLabelHeihgt * (i + 1)), paint);
			}
		}
		
		if (pointX > widthScreen) {
			ViewGroup viewGroup = (ViewGroup) getParent();
			if (viewGroup != null) {
				LayoutParams params = viewGroup.getLayoutParams();
				params.width = (int)pointX;
				viewGroup.setLayoutParams(params);
				parentWidth = (int)pointX;
			}
		}
		
		
	}
	
	
	private void drawValues(Canvas canvas) {
		// 画 点和线
		if (values != null && values.size() > 0) {
			float initPointX = 0f;
			float initPointY = 0f;
			float pointX = 0f;
			float pointY = 0f;
			for (int i = 0;i < values.size();i++) {
				float f = values.get(i);
				if (f <= minValue) {
					pointX = (((i + 1) * xLabelWidth));
					pointY = (yLabelHeihgt * (i + 1));
					if (initPointX > 0) {
						canvas.drawLine(initPointX, initPointY, pointX, pointY, circlePaint);
					}
					canvas.drawCircle(pointX, pointY, radius, circlePaint);
					initPointX = pointX;
					initPointY = pointY;
				} else if (f >= maxValue) {
					pointX = (((i + 1) *xLabelWidth));
					pointY = yLabelHeihgt;
					if (initPointX > 0) {
						canvas.drawLine(initPointX, initPointY, pointX, pointY, circlePaint);
					}
					canvas.drawCircle(pointX, pointY, radius, circlePaint);
					initPointX = (labelWidth * (i + 1));
					initPointY = yLabelHeihgt;
				} else {
					float pxheight = (maxValue - minValue) / (yLabelHeihgt * (i + 1));
//					Log.e("Test", "pxheight=" + pxheight);
					
					pointY = (float)((((maxValue - f ) / 0.5) + 1) * yLabelHeihgt);
					pointX =  (yLabelHeihgt * (i + 1)) + (labelWidth / 2);
					if (initPointX > 0) {
						canvas.drawLine(initPointX, initPointY, pointX, pointY, xuLinePaint);
					}
					initPointX = pointX;
					initPointY = pointY;
					canvas.drawCircle(pointX, pointY, radius, circlePaint);
				}
				// 下面绘制
				canvas.drawBitmap(water, (pointX - (water.getWidth() / 2)), (pointY  + (water.getHeight() / 2)), circlePaint);
				
				// 上面绘制
				canvas.drawBitmap(heart, (pointX - (heart.getWidth() / 2)), (pointY  - (heart.getHeight() + heart.getHeight() / 2)), circlePaint);
			}
			
		}
		
		// 画 X轴 label
		if (xlabel != null && xlabel.size() > 0) {
			for (int i = 0;i < xlabel.size();i++) {
				float pointY = (yLabelHeihgt * yVal.length) + 15;
				float pointX =   (yLabelHeihgt * (i + 1));
				canvas.drawText(xlabel.get(i) + "", pointX, pointY, paint);
			}
		}
		
		ViewGroup viewGroup = (ViewGroup) getParent();
		if (viewGroup != null) {
			Log.e("Test", "parent  width=" + viewGroup.getLayoutParams().width);
		}
	}
	
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		int x = (int)event.getX();
		int y = (int)event.getY();
		boolean flag = true;
		if (event.getAction() == MotionEvent.ACTION_DOWN) {
			lastX = x;
			lastY = y;
			downLeft = getLeft();
			downRight = getRight();
			
		} else if (event.getAction() == MotionEvent.ACTION_MOVE) {
			// 计算移动的距离
			offX = x - lastX;
			offY = y - lastY;
			if (x > lastX) { // 向左滚动
				Log.e("Test22", "向右边滚动.........");
//				if (getRight() > widthScreen - xLabelWidth) {
//					layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());
//				}
				
			} else { // 向右边滚动
				
				Log.e("Test22", "向左滚动.........");
//				if (getLeft() < 0) {
//					layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());
//				}
			}
			
			// 调用layout重新绘制
//			if (getLeft() >= 0) {
//				layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());
//			}
//			Log.e("Test22", "left:" + getLeft());
//			Log.e("Test22", "right:" + getRight());
//			
//			
//			
//			Log.e("Test", "getLeft() + parentWidth=" + (getLeft() + parentWidth));
//			Log.e("Test", "widthScreen=" + widthScreen);
			if (((getLeft() + parentWidth) >= widthScreen && getLeft() <= 0)) {
//				Log.e("Test", "执行了onLayout");
				layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());
				Log.e("Test", "进来了");
				
			} else {
				Log.e("Test", "没有进来");
				if (x > lastX && getLeft() <=0) {
					layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());
				} 
//				else {
//					if (getLeft() > 0) {
//						layout(getLeft(), getTop(), getRight(), getBottom());
//					}
//				}
//				if (getLeft() > 0) {
//					setLeft(0);
//				} else if ((getLeft() + parentWidth) < widthScreen){
//					setLeft(widthScreen);
//				}
//				scrollX = getLeft();
//				scrollY = getRight();
//				Log.e("Test", "未执行......");
//				
//				layout(getLeft(), getTop(), getRight() + offX, getBottom());
			}
			
			Log.e("Test", "left:" + getLeft());
			Log.e("Test", "right:" + getRight());
			
		} else if (event.getAction() == MotionEvent.ACTION_UP) {
			if (getLeft() > 0) {
				Log.e("Test", "=====================11============");
				setLeft(0);
				layout(getLeft(), getTop(), getRight(), getBottom());
			} else if (getRight() < widthScreen) {
//				layout(parentWidth - getRight(), getTop(), parentWidth - getLeft(), getBottom());
				Log.e("Test", "=======================12==========downRight=" + downRight);
				Log.e("Test", "=======================12==========parentWidth=" + parentWidth);
				Log.e("Test", "=======================12==========downLeft=" + downLeft);
//				setRight(widthScreen - 5);
//				layout(getRight() - parentWidth, getTop(), getRight(), getBottom());
//				setLeft(widthScreen - parentWidth);
//				setRight(parentWidth - Math.abs(getLeft()));
//				layout(downLeft, getTop(), downRight, getBottom());
//				setRight(widthScreen);
//				setLeft(Math.abs(downLeft) - parentWidth);
				Log.e("Test", "=======================12==========left=" + (Math.abs(downLeft) - parentWidth));
				Log.e("Test", "=======================12==========right=" + widthScreen);
//				layout(Math.abs(downLeft) - parentWidth, getTop(), widthScreen, getBottom());
			}
//			else if (((getLeft() + parentWidth) < widthScreen)) {
//				setLeft(scrollX);
//				setRight(scrollY);
//				layout(scrollX- 1, getTop(), scrollY -1, getBottom());
//			}
			
//			Log.e("Test22", "ACTION_UP===========");
//			
//			Log.e("Test22", "getLeft:" + getLeft());
//			Log.e("Test22", "getRight:" + getRight());
		}
		return flag;
	}
	
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		Log.e("Test", "widthMeasureSpec=" + widthMeasureSpec);
		Log.e("Test", "heightMeasureSpec=" + heightMeasureSpec);
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	}

}