最牛逼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. 从头开始写框架(一):浅谈JS模块化发展

    博客申请下来已经过去一个月了,一直不知道写点什么,毕竟我的文笔不是很好orz. 不过既然申请下来了,不写点什么总是觉得很可惜.正好最近在自己写框架,就把自己的进程和一些心得体会分享出来吧. 写在前面: ...

  2. [整理]VS2013常用插件

    VS2013常用插件 (工欲善其事,必先利其器.VS2013全攻略(技巧,快捷键,插件)[http://developer.51cto.com/art/201404/437282_all.htm] 代 ...

  3. AlwaysOn可用性组功能测试（一）--AlwaysOn故障转移测试

    具体测试环境请参考: AlwaysOn可用性组测试环境安装与配置(一)--SQL群集环境搭建 AlwaysOn可用性组测试环境安装与配置(二)--AlwaysOn配置(界面与T-SQL) 一. Alw ...

  4. PHP的 Mysqli扩展库的多语句执行

    $mysqli->multi_query($sqls);     执行多个sql语句,返回true/false 有结果集时,使用 $mysqli->store_result(); 来获取结 ...

  5. POJ 2115 C Looooops

    扩展GCD...一定要(1L<<k),不然k=31是会出错的 ....                        C Looooops Time Limit: 1000MS   Mem ...

  6. gcc 4.8.3 install centos

    http://blog.csdn.net/xlx921027/article/details/17382643

  7. Redis学习笔记九：独立功能之慢查询日志

    Redis 的慢查询日志用于记录执行时间超过给定时长的命令请求,用户可以通过这个功能产生的日志来监视和优化查询速度. 服务器配置有两个相关选项: slowlog-log-slower-than 选项指 ...

  8. JAVA正则表达式：Pattern类与Matcher类详解

    java.util.regex是一个用正则表达式所订制的模式来对字符串进行匹配工作的类库包.它包括两个类:Pattern和Matcher Pattern 一个Pattern是一个正则表达式经编译后的表 ...

  9. 剑指Offer 合并两个排序的链表

    题目描述 输入两个单调递增的链表,输出两个链表合成后的链表,当然我们需要合成后的链表满足单调不减规则.   思路: 用2个新节点,一个用来存放新链表的头节点,另一个用来移动.当p1,p2有一个到尾部的 ...

  10. const 和宏的区别

    参考:http://blog.sina.com.cn/s/blog_79b01f6601018xdg.html (1) 编译器处理方式不同 define宏是在预处理阶段展开. const常量是编译运行 ...