1. 程式人生 > 程式設計 >Android自定義條形對比統計圖

Android自定義條形對比統計圖

本文例項為大家分享了Android自定義條形對比統計圖的具體程式碼,供大家參考,具體內容如下

一、測試截圖

Android自定義條形對比統計圖

二、實現方法

package com.xtravel.widget;
 
import java.util.Timer;
import java.util.TimerTask;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;
 
/**
 * @name 自定義資料中心旅客分析變化趨勢圖
 * @Descripation <br>
 *        1、根據使用者提供的資料(兩組float[]數)智慧繪製資料的對比條形圖。<br>
 *        2、繪製圖表資訊:邊框、表名、建立二維座標系、刻度數量、刻度值、單位、網路線、圖例、資料系列。<br>
 *        3、其中Y軸的最大刻度值是使用者所提供資料中float[]的最大值,分度值是最大刻度值與刻度數目的比。<br>
 *        4、繪製使用者資料對比條形圖:啟動執行緒,遍歷陣列值,不斷在原圖上重新整理。<br>
 * @author Freedoman
 * @date 2014-9-17
 * @version 1.0
 */
public class DataCenterCustomBarChart extends View {
 
 // 框架起點座標、中心座標、寬高
 private final int FRAME_X = 20;
 private final int FRAME_Y = 20;
 private final int FRAME_WIDTH = 1000;
 private final int FRAME_HEIGHT = 350;
 private final int FRAME_CENTER_X = FRAME_WIDTH / 2 + FRAME_X;
 private final int FRAME_CENTER_Y = FRAME_HEIGHT / 2 + FRAME_Y;
 
 // 二維座標系原點座標
 private final int ORIGIN_X = FRAME_X + 100;
 private final int ORIGIN_Y = FRAME_Y + FRAME_HEIGHT - 100;
 
 // XY軸終點座標
 private final int XAXIS_X = FRAME_X + FRAME_WIDTH - 200;
 private final int XAXIS_Y = ORIGIN_Y;
 private final int YAXIS_X = ORIGIN_X;
 private final int YAXIS_Y = FRAME_Y + 50;
 
 // XY軸刻度數
 private int countX;
 private int countY;
 
 // XY軸分度值、真實資料分度值
 private float intervalX;
 private float intervalY;
 private float intervalPress;
 
 // 單位名稱
 private String nameX;
 private String nameY;
 
 // 圖表名稱
 private String chartTitle;
 
 // 使用者資料
 private int[] data1;
 private int[] data2;
 
 private int currentPosition;
 
 /**
 * 使用者建立圖表
 * 
 * @param context
 * @param chartTitle
 *      表名稱
 * @param nameXAxis
 *      X軸單位
 * @param nameYAxis
 *      Y軸單位
 * @param countY
 *      Y軸刻度數目
 * @param thisYearWeekPerson
 *      使用者資料
 * @param lastYearWeekPerson
 *      使用者資料
 */
 public DataCenterCustomBarChart(Context context,String chartTitle,String nameXAxis,String nameYAxis,int countY,int[] thisYearWeekPerson,int[] lastYearWeekPerson) {
 super(context);
 this.chartTitle = chartTitle;
 
 // x軸刻度數量以使用者資料最大資料為依據,y軸刻度數量由使用者來指定
 this.countX = thisYearWeekPerson.length > lastYearWeekPerson.length ? thisYearWeekPerson.length
  : lastYearWeekPerson.length;
 this.countY = countY;
 
 this.nameX = nameXAxis;
 this.nameY = nameYAxis;
 this.data1 = thisYearWeekPerson;
 this.data2 = lastYearWeekPerson;
 
 // 計算XY軸分度值 = 軸長/刻度數
 this.intervalX = (XAXIS_X - ORIGIN_X) / countX;
 this.intervalY = (ORIGIN_Y - YAXIS_Y) / countY;
 
 // 計算使用者資料分度值 = 使用者資料最大值/ 刻度數
 float max1 = findMaxData(thisYearWeekPerson);
 float max2 = findMaxData(lastYearWeekPerson);
 this.intervalPress = (max1 > max2 ? max1 : max2) / countY;
 // startDrawDynomicBar();
 }
 
 /**
 * 動態繪製任務
 */
 public void freshDynomicBar() {
 final Timer timer = new Timer();
 TimerTask timerTask = new TimerTask() {
  @Override
  public void run() {
  currentPosition++;
  postInvalidate();
  if (currentPosition == countX) {
   timer.cancel();
  }
  }
 };
 timer.schedule(timerTask,100,800);
 }
 
 /**
 * 繪製圖表
 */
 @SuppressLint("DrawAllocation")
 public void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 canvas.drawColor(Color.WHITE);
 
 Paint paint = new Paint();
 initAXIS(canvas,paint,chartTitle);
 drawDynamicBar1(canvas,data1);
 drawDynamicBar2(canvas,data2);
 }
 
 /**
 * 初始化圖表基本資訊<br>
 * 表名、座標系、刻度數量、刻度值、網路線、圖例、資料系列
 * 
 * @param canvas
 */
 private void initAXIS(Canvas canvas,Paint paint,String chartTitle) {
 
 // 畫邊框
 paint.setColor(Color.GRAY);
 paint.setStyle(Paint.Style.STROKE);
 paint.setStrokeWidth(6);
 canvas.drawRect(FRAME_X,FRAME_Y,FRAME_WIDTH,FRAME_HEIGHT,paint);
 
 // 畫座標軸
 paint.setColor(Color.BLACK);
 paint.setStyle(Paint.Style.STROKE);
 paint.setStrokeWidth(5);
 // X軸及方向箭頭
 canvas.drawLine(ORIGIN_X,ORIGIN_Y,XAXIS_X,XAXIS_Y,paint);
 canvas.drawLine(XAXIS_X,XAXIS_X - 10,XAXIS_Y - 10,XAXIS_Y + 10,paint);
 // Y軸及方向箭頭
 canvas.drawLine(ORIGIN_X,YAXIS_X,YAXIS_Y,paint);
 canvas.drawLine(YAXIS_X,YAXIS_X - 10,YAXIS_Y + 10,YAXIS_X + 10,paint);
 
 // 圖表名稱(2014年五月第一週)
 paint.setColor(Color.BLACK);
 paint.setStyle(Paint.Style.FILL);
 paint.setTextSize(20);// 設定字型大小
 paint.setStrokeWidth(2);
 canvas.drawText(chartTitle,FRAME_CENTER_X - 100,FRAME_Y + 30,paint);
 
 // 繪製資料系列20*20矩形(今年、去年)
 paint.setColor(Color.CYAN);
 canvas.drawRect(FRAME_WIDTH - 100,FRAME_CENTER_Y - 30,FRAME_WIDTH - 70,FRAME_CENTER_Y,paint);
 canvas.drawText("今年",FRAME_WIDTH - 60,paint);
 
 paint.setColor(Color.MAGENTA);
 canvas.drawRect(FRAME_WIDTH - 100,FRAME_CENTER_Y + 30,paint);
 canvas.drawText("去年",paint);
 
 // 畫網格線
 paint.setColor(Color.GRAY);
 paint.setStyle(Paint.Style.STROKE);
 paint.setStrokeWidth(2);
 
 // 橫線(從x軸依次向上畫)
 for (int i = 0; i <= countY; i++) {
  canvas.drawLine(ORIGIN_X,ORIGIN_Y - i * intervalY,paint);
 }
 
 // 豎線(從y軸依次向右畫)
 for (int i = 0; i <= countX; i++) {
  canvas.drawLine(ORIGIN_X + i * intervalX,ORIGIN_X + i
   * intervalX,paint);
 }
 
 // X軸刻度值(沿X軸方向1、2、3...),軸名稱
 paint.setColor(Color.BLUE);
 paint.setStyle(Paint.Style.FILL);
 paint.setStrokeWidth(2);
 paint.setTextSize(30);
 for (int i = 0; i <= countX; i++) {
  canvas.drawText("" + i,ORIGIN_X + i * intervalX,ORIGIN_Y + 50,paint);
 }
 
 paint.setTextSize(20);
 // Y軸刻度值(沿Y軸方向,使用者提供的資料)軸名稱
 for (int i = 1; i <= countY; i++) {
  canvas.drawText("" + (int) (i * intervalPress),ORIGIN_X - 80,ORIGIN_Y - i * intervalY + 5,paint);
 }
 
 paint.setTextSize(20);
 canvas.drawText("(" + nameX + ")",XAXIS_X + 40,XAXIS_Y + 50,paint);
 canvas.drawText("(" + nameY + ")",YAXIS_X - 30,YAXIS_Y - 20,paint);
 }
 
 /**
 * 繪製data1變化趨勢線 <br>
 */
 @SuppressLint("ResourceAsColor")
 private void drawDynamicBar1(Canvas canvas,int[] data) {
 float curRectX_data1 = ORIGIN_X + intervalX - 30;
 float curRectY_data1;
 for (int i = 1; i < currentPosition; i++,curRectX_data1 += intervalX) {
  // 繪製data1的動態條形
  paint.setColor(Color.CYAN);
  curRectY_data1 = data[i - 1] / intervalPress * intervalY;
  canvas.drawRect(curRectX_data1,ORIGIN_Y - curRectY_data1,curRectX_data1 + 30,paint);
 }
 }
 
 /**
 * 繪製data2變化趨勢線
 */
 @SuppressLint("ResourceAsColor")
 private void drawDynamicBar2(Canvas canvas,int[] data) {
 float curRectX_data2 = ORIGIN_X + intervalX;
 float curRectY_data2;
 for (int i = 1; i < currentPosition; i++,curRectX_data2 += intervalX) {
  // 繪製data2的動態條形
  paint.setColor(Color.MAGENTA);
  curRectY_data2 = data[i - 1] / intervalPress * intervalY;
  canvas.drawRect(curRectX_data2,ORIGIN_Y - curRectY_data2,curRectX_data2 + 30,paint);
 }
 }
 
 /**
 * 查詢陣列的最大值
 * 
 * @param data
 * @return float
 */
 private int findMaxData(int[] data) {
 int max = data[0];
 for (int i = 1; i < data.length; i++) {
  if (data[i] > max) {
  max = data[i];
  }
 }
 return max;
 }
 
 /**
 * 計算今年遊客數相對去年的增長率
 * 
 * @return float 增長率百分數
 */
 public float getGrowthRate() {
 float sumYear = 0,sumLastYear = 0;
 for (int i = 0; i < data1.length; i++) {
  sumYear += data1[i];
  sumLastYear += data2[i];
 }
 return (sumYear - sumLastYear) / sumLastYear * 100;
 }
 
 /**
 * 統計一週總人數
 * 
 * @return int 人數
 */
 public int getSumWeek() {
 int sum = 0;
 for (int i = 0; i < data1.length; i++) {
  sum += data1[i];
 }
 return sum;
 }
 
 /**
 * 統計一週平均每天旅客數量
 * 
 * @return int
 */
 public int getAverageWeek() {
 return getSumWeek() / data1.length;
 }
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。