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 * 1、根据用户提供的数据（两组float[]数）智能绘制数据的对比条形图。 * 2、绘制图表信息：边框、表名、建立二维坐标系、刻度数量、刻度值、单位、网络线、图例、数据系列。 * 3、其中Y轴的最大刻度值是用户所提供数据中float[]的最大值，分度值是最大刻度值与刻度数目的比。 * 4、绘制用户数据对比条形图：启动线程，遍历数组值，不断在原图上刷新。 * @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, paint, data1); drawDynamicBar2(canvas, paint, data2); } /** * 初始化图表基本信息 * 表名、坐标系、刻度数量、刻度值、网络线、图例、数据系列 * * @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_Y, XAXIS_X - 10, XAXIS_Y - 10, paint); canvas.drawLine(XAXIS_X, XAXIS_Y, XAXIS_X - 10, XAXIS_Y + 10, paint); // Y轴及方向箭头 canvas.drawLine(ORIGIN_X, ORIGIN_Y, YAXIS_X, YAXIS_Y, paint); canvas.drawLine(YAXIS_X, YAXIS_Y, YAXIS_X - 10, YAXIS_Y + 10, paint); canvas.drawLine(YAXIS_X, YAXIS_Y, YAXIS_X + 10, YAXIS_Y + 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, FRAME_CENTER_Y, paint); paint.setColor(Color.MAGENTA); canvas.drawRect(FRAME_WIDTH - 100, FRAME_CENTER_Y, FRAME_WIDTH - 70, FRAME_CENTER_Y + 30, paint); canvas.drawText("去年", FRAME_WIDTH - 60, FRAME_CENTER_Y + 30, 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, XAXIS_X, ORIGIN_Y - i * intervalY, paint); } // 竖线(从y轴依次向右画) for (int i = 0; i <= countX; i++) { canvas.drawLine(ORIGIN_X + i * intervalX, ORIGIN_Y, ORIGIN_X + i * intervalX, YAXIS_Y, 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变化趋势线 */ @SuppressLint("ResourceAsColor") private void drawDynamicBar1(Canvas canvas, Paint paint, 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, ORIGIN_Y, paint); } } /** * 绘制data2变化趋势线 */ @SuppressLint("ResourceAsColor") private void drawDynamicBar2(Canvas canvas, Paint paint, 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, ORIGIN_Y, 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; } }

相关阅读