您的位置: 首页  >  文章  >  最牛逼android上的图表库MpChart（三） 条形图

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

分类: 文章 • 2023-11-30 19:54:52

最近工作中，用到了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代码
  1. <?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（三） 条形图

 

相关推荐