Android自定義條形對比統計圖
阿新 • • 發佈:2020-07-17
本文例項為大家分享了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; } }
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。