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, paint, data1);
 drawDynamicBar2(canvas, paint, 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_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变化趋势线 <br>
 */
 @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;
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义View——扇形统计图的实现代码

    Android 扇形统计图 先看看效果: 看上去如果觉得还行就继续往下看吧! 自定义View 定义成员变量 private int mHeight, mWidth;//宽高 private Paint mPaint;//扇形的画笔 private Paint mTextPaint;//画文字的画笔 private int centerX, centerY;//中心坐标 //"其他"的value //扇形图分成太多快 所以要合并一部分为其他 即图中灰色部分 private double

  • Android编程实现canvas绘制柱状统计图功能【自动计算宽高及分度值、可左右滑动】

    本文实例讲述了Android编程实现canvas绘制柱状统计图功能.分享给大家供大家参考,具体如下: 这里实现了一个简单的柱状统计图,如下:   特点: 1.根据数据源自动计算每个条目的高度.宽度.间距,自动计算分度值. 2.当条目数较多时,可左右滑动查看全部内容,图形.文字同步滑动,并且松手后会渐渐的停下来(而不是立刻停下来). 代码: (1)核心代码:BarChartView.Java package com.sina.appbarchart; import android.app.Acti

  • Android自定义View实现多边形统计图示例代码

    前言   最近利用空闲时间学习了自定义View的一些知识,为了巩固,写了一个小东西,顺便分享出来,下面话不多说了,来一起看看详细的介绍吧. 简介   一个多边形统计图.边数,每个方向的值,每个点的文字等等都是可以设置的. 下面就来分析一下这个自定义View 这个view由以下几个部分组成 M层N边形 中心到各顶点的连线 填充区域 文字 @Override protected void onDraw(Canvas canvas) { if (!canDraw()) { return; } canv

  • Android编程实现canvas绘制饼状统计图功能示例【自动适应条目数量与大小】

    本文实例讲述了Android编程实现canvas绘制饼状统计图功能.分享给大家供大家参考,具体如下: 本例的目的是实现一个简单的饼状统计图,效果如下:    特点: 1.使用非常方便,可放在xml布局文件中,然后在代码中设置内容,即: PieChartView pieChartView = (PieChartView) findViewById(R.id.pie_chart); PieChartView.PieItemBean[] items = new PieChartView.PieItem

  • Android 实现会旋转的饼状统计图实例代码

    Android 实现会旋转的饼状统计图实例代码 最近在做一个项目,由于有需要统计的需要,于是就做成了下面饼状统计图. 下图是效果图: 大致思路是: 关于的介绍这里不做详细介绍,如果想深入请点击开源项目MPAndroidChart 下面是其实现: 首先是添加MPAndroidChart依赖: maven { url "https://jitpack.io" } compile 'com.github.PhilJay:MPAndroidChart:v3.0.1' Mainactivity

  • 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自定义环形对比图效果

    本文实例为大家分享了android自定义环形对比图的具体代码,供大家参考,具体内容如下 1.首先在res/values里创建一个attr.xml的文件. <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="AnswerChartView"> <attr name="radius" for

  • Android 自定义按钮点击事件和长按事件对比

     Android 自定义按钮点击事件和长按事件对比 一个按钮同时实现点击和长按事件,有时候会有冲突,我们针对这一现象来自定义按钮来区分点击和长按事件 1.xml中 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="mat

  • android自定义环形统计图动画

    本文实例为大家分享了android自定义环形统计图动画的具体代码,供大家参考,具体内容如下 一.测试截图 二.实现原理  package com.freedomanlib; import java.util.Timer; import java.util.TimerTask; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Canvas; import

  • Android自定义组合控件之自定义下拉刷新和左滑删除实例代码

    绪论 最近项目里面用到了下拉刷新和左滑删除,网上找了找并没有可以用的,有比较好的左滑删除,但是并没有和下拉刷新上拉加载结合到一起,要不就是一些比较水的结合,并不能在项目里面使用,小编一着急自己组合了一个,做完了和QQ的对比了一下,并没有太大区别,今天分享给大家,其实并不难,但是不知道为什么网上没有比较好的Demo,当你的项目真的很急的时候,又没有比较好的Demo,那么"那条友谊的小船儿真是说翻就翻啊",好了,下面先来具体看一下实现后的效果吧: 代码已经上传到Github上了,小伙伴们记

  • Android自定义ViewGroup实现绚丽的仿支付宝咻一咻雷达脉冲效果

    去年春节的时候支付宝推行的集福娃活动着实火的不能再火了,更给力的是春晚又可以全民参与咻一咻集福娃活动,集齐五福就可平分亿元大红包,只可惜没有敬业福--那时候在家没事写了个咻一咻插件,只要到了咻一咻的时间点插件就可以自动的点击咻一咻来咻红包,当时只是纯粹练习这部分技术代码没有公开,后续计划写篇关于插件这方面的文章,扯远了(*^__^*) --我们知道在支付宝的咻一咻页面有个雷达扩散的动画效果,当时感觉动画效果非常棒,于是私下尝试着实现了类似的效果,后来在github发现有大神也写有类似效果,于是读

  • Android自定义UI手势密码改进版源码下载

    在之前文章的铺垫下,再为大家分享一篇:Android手势密码,附源码下载,不要错过. 源码下载:http://xiazai.jb51.net/201610/yuanma/androidLock(jb51.net).rar 先看第一张图片的布局文件 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://sc

  • Android自定义ViewGroup实现竖向引导界面

    一般进入APP都有欢迎界面,基本都是水平滚动的,今天和大家分享一个垂直滚动的例子. 先来看看效果把: 1.首先是布局文件: <com.example.verticallinearlayout.VerticalLinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:i

随机推荐