最牛逼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效果
