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

• 最牛逼android上的图表库MpChart三 条形图
  • BarChart条形图介绍
  • BarChart条形图实例
  • BarChart效果

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

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

• 最牛逼android上的图表库MpChart（一） 介绍篇
• 最牛逼android上的图表库 MpChart（二） 折线图
• 最牛逼android上的图表库MpChart（三） 条形图
• 最牛逼android上的图表库MpChart（四） 饼图
• 最牛逼android上的图表库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效果