最牛逼android上的图表库MpChart（三） 条形图

最近工作中，用到了mpchart图表库，现在分享受下mpchart图表库的各个图表在实际工作应用场景：

附上mpandroidchartlibrary-2-1-6.jar的下载链接：http://download.csdn.net/detail/hejjunlin/9561829

使用mpchart jar包：mpandroidchartlibrary-2-1-6.jar 
如果是在studio下，进行如下引用： 
repositories { 
maven { url “https://jitpack.io” } 
}

dependencies { 
compile ‘com.github.PhilJay:MPAndroidChart:v2.1.6’ 
}

BarChart条形图介绍

  • BarChart类
  • 使用哪些API

BarChart条形图实例

    • 布局文件
    • Java代码
 <?xml version="1.0" encoding="utf-8"?>

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

     android:layout_width="match_parent"

     android:layout_height="match_parent" >

     <com.github.mikephil.charting.charts.BarChart

         android:id="@+id/chart1"

         android:layout_width="match_parent"

         android:layout_height="match_parent" />

 </RelativeLayout>
 package com.example.mpchart;

 import java.util.ArrayList;

 import java.util.List;

 import android.annotation.SuppressLint;

 import android.app.Activity;

 import android.graphics.Color;

 import android.graphics.PointF;

 import android.graphics.RectF;

 import android.graphics.Typeface;

 import android.os.Bundle;

 import android.os.Handler;

 import android.os.Looper;

 import android.os.Message;

 import android.util.Log;

 import android.view.WindowManager;

 import com.example.mpchart.data.ErrorCodePercentDataSource;

 import com.example.mpchart.data.IDataSource;

 import com.example.mpchart.data.IDataSource.onDataChangedListener;

 import com.example.mpchart.utils.DBHelper;

 import com.example.mpchart.utils.DateUtils;

 import com.example.mpchart.utils.LogUtils;

 import com.github.mikephil.charting.charts.BarChart;

 import com.github.mikephil.charting.components.Legend;

 import com.github.mikephil.charting.components.Legend.LegendDirection;

 import com.github.mikephil.charting.components.Legend.LegendForm;

 import com.github.mikephil.charting.components.Legend.LegendPosition;

 import com.github.mikephil.charting.components.XAxis;

 import com.github.mikephil.charting.components.XAxis.XAxisPosition;

 import com.github.mikephil.charting.components.YAxis;

 import com.github.mikephil.charting.components.YAxis.AxisDependency;

 import com.github.mikephil.charting.components.YAxis.YAxisLabelPosition;

 import com.github.mikephil.charting.data.BarData;

 import com.github.mikephil.charting.data.BarDataSet;

 import com.github.mikephil.charting.data.BarEntry;

 import com.github.mikephil.charting.data.Entry;

 import com.github.mikephil.charting.formatter.YAxisValueFormatter;

 import com.github.mikephil.charting.highlight.Highlight;

 import com.github.mikephil.charting.listener.OnChartValueSelectedListener;

 import com.github.mikephil.charting.utils.ColorTemplate;

 public class BarChartActivity extends Activity implements OnChartValueSelectedListener {

     private static final String TAG = "BarChartActivity";

     protected BarChart mChart;

     private IDataSource mDataSource = new ErrorCodePercentDataSource();

     private String mDateTime;

     private Typeface mTf;

     private Handler mHandler = new Handler(Looper.getMainLooper()) {

         @Override

         public void handleMessage(Message msg) {

             super.handleMessage(msg);

             getData();

         }

     };

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

         setContentView(R.layout.activity_barchart);

         mChart = (BarChart) findViewById(R.id.chart1);

         mChart.setOnChartValueSelectedListener(this);

         mChart.setDescription(""/*mDataSource.getDescription()*/);

         mChart.setDescriptionTextSize(30);

 //        mChart.setDescriptionPosition(960, 550);

         mChart.setDrawBarShadow(false);

         mChart.setDrawValueAboveBar(true);

         // if more than 60 entries are displayed in the chart, no values will be

         // drawn

         mChart.setMaxVisibleValueCount(60);

         // scaling can now only be done on x- and y-axis separately

         mChart.setPinchZoom(false);

         mChart.setDrawGridBackground(false);

         // mChart.setDrawYLabels(false);

         mTf = Typeface.createFromAsset(getAssets(), "OpenSans-Regular.ttf");

         XAxis xAxis = mChart.getXAxis();

         xAxis.setPosition(XAxisPosition.BOTTOM);

         xAxis.setTypeface(mTf);

         xAxis.setDrawGridLines(false);

         xAxis.setSpaceBetweenLabels(2);

         YAxisValueFormatter custom = new MyYAxisValueFormatter();//设置Y轴上的显示单位

         YAxis leftAxis = mChart.getAxisLeft();

         leftAxis.setTypeface(mTf);

         leftAxis.setLabelCount(8, false);

         leftAxis.setValueFormatter(custom);

         leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);

         leftAxis.setSpaceTop(15f);

         leftAxis.setAxisMinValue(0f); // this replaces setStartAtZero(true)

         YAxis rightAxis = mChart.getAxisRight();

         rightAxis.setDrawGridLines(false);

         rightAxis.setTypeface(mTf);

         rightAxis.setLabelCount(8, false);

         rightAxis.setValueFormatter(custom);

         rightAxis.setSpaceTop(15f);

         rightAxis.setAxisMinValue(0f); // this replaces setStartAtZero(true)

         Legend l = mChart.getLegend();

         l.setPosition(LegendPosition.BELOW_CHART_LEFT);

         l.setForm(LegendForm.SQUARE);

         l.setFormSize(9f);

         l.setTextSize(11f);

         l.setXEntrySpace(4f);

         getData();

         new Thread(mRunnable).start();

         // mChart.setDrawLegend(false);

     }

     private Runnable mRunnable = new Runnable() {

         @Override

         public void run() {

             while(true) {

                   try {

                        Thread.sleep(15*1000);//15s刷新下数据

                        mHandler.sendMessage(mHandler.obtainMessage());

                    } catch (InterruptedException e) {

                        e.printStackTrace();

                   }

                   }

         }

     };

     private onDataChangedListener listener = new onDataChangedListener() {

         @Override

         public void onChanged(String[] xx, String[] yy) {

             notifyDataChanged(xx, yy);

         }

     };

     private void getData() {

         LogUtils.d(TAG, "getData() " + DateUtils.getCurrentDate());

         new Thread(new Runnable() {

             @Override

             public void run() {

                 DBHelper.getInstance().init();

                 String table = "error_info_" + DateUtils.get2HoursDate();

                 String sql = "select *from " + table + " limit 20"/* + DateUtils.get2HoursDate()*/;

                 boolean isexist = DBHelper.getInstance().isTableExist(table);

                 if (isexist) {

                     mDateTime = DateUtils.get2HoursDate();

                     final String[] xx = DBHelper.getInstance().query(sql,3);

                     final String[] yy = DBHelper.getInstance().query(sql,5);

                     mHandler.post(new Runnable() {

                         @Override

                         public void run() {

                             listener.onChanged(xx, yy);

                         }

                     });

                 } else {

                     String table2 = "error_info_" + DateUtils.getOneHoursAgoTime();

                     mDateTime = DateUtils.getOneHoursAgoTime();

                     String sql2 = "select *from " + table2 + " limit 20";

                     LogUtils.d(TAG, "getData() sql2 " + sql2);

                     final String[] xx = DBHelper.getInstance().query(sql2,3);

                     final String[] yy = DBHelper.getInstance().query(sql2,5);

                     mHandler.post(new Runnable() {

                         @Override

                         public void run() {

                             listener.onChanged(xx, yy);

                         }

                     });

                 }

             }

         }).start();

     }

     private void notifyDataChanged(String[] xx, String[] yy) {

         Typeface tf = Typeface.createFromAsset(getAssets(),"OpenSans-Regular.ttf");

        // 加载数据

         setData(xx,yy );

         //从X轴进入的动画

         mChart.animateX(2000);

 //        mChart.animateY(2000);   //从Y轴进入的动画

 //        mChart.animateXY(2000, 2000);    //从XY轴一起进入的动画

         //设置最小的缩放

          mChart.setScaleMinima(0.5f, 1f);

         //设置视口

         // mChart.centerViewPort(10, 50);

         // get the legend (only possible after setting data)

         Legend l = mChart.getLegend();

         l.setForm(LegendForm.LINE);  //设置图最下面显示的类型

         l.setTypeface(tf);

         l.setTextSize(30);

         l.setTextColor(Color.rgb(244, 117, 117));

         l.setDirection(LegendDirection.LEFT_TO_RIGHT);

         l.setYOffset(660);

         l.setFormSize(20f); // set the size of the legend forms/shapes

         // 刷新图表

         mChart.invalidate();

     }

     private void setData(String[] xx, String[] yy) {

         ArrayList<String> xVals = new ArrayList<String>();

         for (int i = 0; i < xx.length; i++) {

             xVals.add(xx[i]);

         }

         ArrayList<BarEntry> yVals1 = new ArrayList<BarEntry>();

         for (int i = 0; i < yy.length; i++) {

             float y = Float.parseFloat(yy[i]);

             yVals1.add(new BarEntry(y, i));//填充数据

         }

         BarDataSet set1;

         mChart.animateY(2000);//设置动画

         set1 = new BarDataSet(yVals1, "DataSet");

         set1.setBarSpacePercent(35f);

         set1.setColors(ColorTemplate.LIBERTY_COLORS);

         BarDataSet dataSets = new BarDataSet(yVals1, "错误码占比监控,数据来源： + mDateTime);

         List<Integer> list = new ArrayList<Integer>();

         list.add(Color.rgb(179, 48, 80));//设置颜色

         list.add(Color.rgb(106, 167, 134));

         list.add(Color.rgb(53, 194, 209));

         list.add(Color.rgb(118, 174, 175));

         list.add(Color.rgb(42, 109, 130));

         list.add(Color.rgb(106, 150, 31));

         list.add(Color.rgb(179, 100, 53));

         list.add(Color.rgb(193, 37, 82));

         list.add(Color.rgb(255, 102, 0));

         list.add(Color.rgb(217, 80, 138));

         list.add(Color.rgb(254, 149, 7));

         list.add(Color.rgb(254, 247, 120));

         dataSets.setColors(list);

         BarData data = new BarData(xVals, dataSets);

         data.setValueTextSize(10f);

         data.setValueTypeface(mTf);

         mChart.setData(data);

     }

     @SuppressLint("NewApi")

     @Override

     public void onValueSelected(Entry e, int dataSetIndex, Highlight h) {

         if (e == null)

             return;

         RectF bounds = mChart.getBarBounds((BarEntry) e);

         PointF position = mChart.getPosition(e, AxisDependency.LEFT);

         Log.i("bounds", bounds.toString());

         Log.i("position", position.toString());

         Log.i("x-index",

                 "low: " + mChart.getLowestVisibleXIndex() + ", high: "

                         + mChart.getHighestVisibleXIndex());

     }

     public void onNothingSelected() {

     };

 }

BarChart效果

 
 

最牛逼android上的图表库MpChart（三） 条形图的更多相关文章

  1. 最牛逼android上的图表库MpChart（二） 折线图

    最牛逼android上的图表库MpChart二 折线图 MpChart折线图介绍 MpChart折线图实例 MpChart效果 最牛逼android上的图表库MpChart(二) 折线图 最近工作中, ...

  2. 最牛逼android上的图表库MpChart（一） 介绍篇

    最牛逼android上的图表库MpChart一 介绍篇 MpChart优点 MpChart是什么 MpChart支持哪些图表 MpChart效果如何 最牛逼android上的图表库MpChart(一) ...

  3. Android图表库MPAndroidChart(四)——条形图的绘制过程过程,隐隐约约我看到了套路

    Android图表库MPAndroidChart(四)--条形图的绘制过程过程,隐隐约约我看到了套路 在学习本课程之前我建议先把我之前的博客看完,这样对整体的流程有一个大致的了解 Android图表库 ...

  4. Android图表库MPAndroidChart(三)——双重轴线形图的实现，这次就so easy了

    Android图表库MPAndroidChart(三)--双重轴线形图的实现,这次就so easy了 在学习本课程之前我建议先把我之前的博客看完,这样对整体的流程有一个大致的了解 Android图表库 ...

  5. android 开源图表库MPChart最简单使用方法示例教程Demo--折线图 柱状图

    转载请注明本文出处:http://blog.csdn.net/wingichoy/article/details/50428246 MPChart是android上一款强大的图表开源库,他可以轻松的绘 ...

  6. Android Studio导入第三方库的三种方法

    叨叨在前 今天在项目中使用一个图片选择器的第三方框架——GalleryFinal,想要导入源码,以便于修改,于是上完查找了一下方法,想到之前用到过其他导入第三方库的方法,现在做个小总结,以防忘记. A ...

  7. 牛逼哄哄的Qt库

    目录 一.有价值 - 好的网站 - 好的文章 二.Qt开源库-工具 - QtXlsx--excel读写库 三.Qt开源库-控件 - libqxt编译 - Qwt - QCustomPlot - 其他 ...

  8. libusb: android上集成libusb库

    1. 下载libusb库. 可以到libusb库的官网(https://libusb.info/)或者是其官方的github仓库(https://github.com/libusb/libusb/re ...

  9. Android上安装第三方库

    在Android sdk中安装预安装第三方的(动态,静态)库,到系统中,方便模块无差别的使用. Android.mk include $(CLEAR_VARS) LOCAL_MODULE_TAGS : ...

随机推荐

  1. web api 处理发送过来的文件(图片)

    using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.We ...

  2. centos bad ELF interpreter: No such file or directory

    sudo yum install glibc.i686

  3. Lvs原理

    官方文档: http://www.linuxvirtualserver.org/zh/lvs1.html http://www.linuxvirtualserver.org/zh/lvs2.html ...

  4. CentOS-6.5-NFS部署

                      nfs-server与nfs-client端配置一样   NFS(network file system)网络文件系统:用于在网络上共享存储. 服务端-192.16 ...

  5. 用jQuery实现的一种网页内容呈现方式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. Java Io 对象序列化和反序列化

    Java 支持将任何对象进行序列化操作,序列化后的对象文件便可通过流进行网络传输. 1.      对象序列化就是将对象转换成字节序列,反之叫对象的反序列化 2.      序列化流ObjectOut ...

  7. MongoDB的基本使用（二）

    上一个文档说明了如何搭建一个Windows端MongoDB服务器,下面将简单介绍MongoDB的基本操作命令. 1. show dbs : 显示所有数据库 2. use bochao : 使用boch ...

  8. Android学习笔记（二十）——自定义内容提供器

    //此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 如果我们想要实现跨程序共享数据的功能,官方推荐的方式就是使用内容提供器,可以通过新建一个类去继承 Conten ...

  9. mysql连表更新

    1.需求 有2张表,a表和b表,要把b表的name数据复制到a表中,当2表的id字段一样的时候 UPDATE A a, B b SET a.name = b.my_name WHERE a.id = ...

  10. 在 2017 年将会更加流行的 6 个 Web 开发趋势

    2016即将过去,2017就要来临. 前阵子看到很多对2016前端领域的总结,也是有人欢喜有人忧啊. 转发了这一篇2017web的发展趋势.那么到底会是怎么样的一个发展趋势的,只好拭目以待了. 201 ...