Android第三方開源:統計圖表MPAndroidChart


MPAndroidChart是在Android平台上開源的第三方統計圖表庫,可以繪制樣式復雜、豐富的各種統計圖表,如一般常見的折線圖、餅狀圖、柱狀圖、散點圖、金融股票中使用的的“蠟燭”圖、“泡泡”統計圖、雷達狀統計餅狀圖等等。簡言之,AndroidMPChart基本上可以滿足日常在Android平台上的統計圖表開發需要。
AndroidMPChart在github上的項目主頁:  https://github.com/PhilJay/MPAndroidChart  

在自己的項目的libs中,導入其發布的jar包即可使用MPAndroidChart。MPAndroidChart發布的jar包頁面在:https://github.com/PhilJay/MPAndroidChart/releases 


MainActivity.java的代碼:

package com.example.mpandroidchart;

import java.util.ArrayList;

import com.github.mikephil.charting.charts.LineChart;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.components.Legend.LegendForm;
import com.github.mikephil.charting.components.Legend.LegendPosition;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.data.LineData;
import com.github.mikephil.charting.data.LineDataSet;
import com.github.mikephil.charting.formatter.ValueFormatter;
import com.github.mikephil.charting.utils.ViewPortHandler;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

LineChart chart = (LineChart) findViewById(R.id.chart);
// 制作7個數據點(沿x坐標軸)
LineData mLineData = makeLineData(7);

setChartStyle(chart, mLineData, Color.WHITE);
}

// 設置chart顯示的樣式
private void setChartStyle(LineChart chart, LineData mLineData, int color) {
// 是否在折線圖上添加邊框
chart.setDrawBorders(false);
// 數據描述
chart.setDescription("描述@Kelvin");
// 如果沒有數據的時候,會顯示這個,類似listview的emtpyview
chart.setNoDataTextDescription("如果傳給MPAndroidChart的數據為空,那么你將看到這段文字。@Kelvin");
// 是否繪制背景顏色。
// 如果mLineChart.setDrawGridBackground(false),
// 那么mLineChart.setGridBackgroundColor(Color.CYAN)將失效;
chart.setDrawGridBackground(false);
chart.setGridBackgroundColor(Color.CYAN);
// 觸摸
chart.setTouchEnabled(true);
// 拖拽
chart.setDragEnabled(true);
// 縮放
chart.setScaleEnabled(true);
chart.setPinchZoom(false);
// 設置背景
chart.setBackgroundColor(color);
// 設置x,y軸的數據
chart.setData(mLineData);
// 設置比例圖標示,就是那個一組y的value的
Legend mLegend = chart.getLegend();

mLegend.setPosition(LegendPosition.BELOW_CHART_CENTER);
mLegend.setForm(LegendForm.CIRCLE);// 樣式
mLegend.setFormSize(15.0f);// 字體
mLegend.setTextColor(Color.BLUE);// 顏色

// 沿x軸動畫,時間2000毫秒。
chart.animateX(2000);

}

private LineData makeLineData(int count) {
ArrayList<String> x = new ArrayList<String>();

for (int i = 0; i < count; i++) {
// x軸顯示的數據
x.add("x" + i);
}
// y軸的數據
ArrayList<Entry> y = new ArrayList<Entry>();

for (int i = 0; i < count; i++) {

float val = (float) (Math.random() * 100);

Entry entry = new Entry(val, i);

y.add(entry);
}
// y軸數據集
LineDataSet mLineDataSet = new LineDataSet(y, "測試數據集————by Kelvin");
// 用y軸的集合來設置參數
// 線寬
mLineDataSet.setLineWidth(3.0f);
// 顯示的圓形大小
mLineDataSet.setCircleSize(5.0f);
// 折線的顏色
mLineDataSet.setColor(Color.GREEN);
// 圓球的顏色
mLineDataSet.setCircleColor(Color.RED);
// 設置mLineDataSet.setDrawHighlightIndicators(false)后,
// Highlight的十字交叉的縱橫線將不會顯示,
// 同時,mLineDataSet.setHighLightColor(Color.CYAN)失效。
mLineDataSet.setDrawHighlightIndicators(true);
// 按擊后,十字交叉線的顏色
mLineDataSet.setHighLightColor(Color.RED);
// 設置這項上顯示的數據點的字體大小。
mLineDataSet.setValueTextSize(10.0f);
// mLineDataSet.setDrawCircleHole(true);

// 改變折線樣式,用曲線。
// mLineDataSet.setDrawCubic(true);
// 默認是直線
// 曲線的平滑度,值越大越平滑。
// mLineDataSet.setCubicIntensity(0.2f);

// 填充曲線下方的區域,紅色,半透明。
// mLineDataSet.setDrawFilled(true);
// mLineDataSet.setFillAlpha(128);
// mLineDataSet.setFillColor(Color.RED);


// 填充折線上數據點、圓球里面包裹的中心空白處的顏色。
mLineDataSet.setCircleColorHole(Color.YELLOW);
// 設置折線上顯示數據的格式。如果不設置,將默認顯示float數據格式。
mLineDataSet.setValueFormatter(new ValueFormatter() {

@Override
public String getFormattedValue(float value, Entry entry, int dataSetIndex,
ViewPortHandler viewPortHandler) {

int n = (int) value;
String s = "y:" + n;

return s;
}
});

ArrayList<LineDataSet> mLineDataSets = new ArrayList<LineDataSet>();
mLineDataSets.add(mLineDataSet);

LineData mLineData = new LineData(x, mLineDataSets);

return mLineData;
}
}

MainActivity.java需要的activity_main.xml :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.mpandroidchart.MainActivity" >

<com.github.mikephil.charting.charts.LineChart
android:id="@+id/chart"
android:layout_width="match_parent"
android:layout_height="match_parent">

</com.github.mikephil.charting.charts.LineChart>
</RelativeLayout>

MPAndroidChart提供了豐富的參數設計條件,可以設計樣式豐富統計圖表,比如在本例中,如果把注釋掉的這段代碼重新啟用:

// 改變折線樣式,用曲線。
// mLineDataSet.setDrawCubic(true);
// 默認是直線
// 曲線的平滑度,值越大越平滑。
// mLineDataSet.setCubicIntensity(0.2f);

// 填充曲線下方的區域,紅色,半透明。
// mLineDataSet.setDrawFilled(true);
// mLineDataSet.setFillAlpha(128);
// mLineDataSet.setFillColor(Color.RED);



注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com