1、添加依賴

項(xiàng)目目錄->app->build.gradle

dependencies {
	implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3'
}

項(xiàng)目目錄->app->setting.gradle

dependencyResolutionManagement {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}

2、Chart 類

? 該類是圖表的控件，類似于按鍵、圖片，是從 xml 文件中通過 id 獲取到的。

獲取/創(chuàng)建

xxxChart chart = (xxxChart) findViewById(R.id.chart);

常用方法

3、DataSet 類

作用

? 設(shè)置展現(xiàn)在圖表上的一組數(shù)據(jù)的一些表現(xiàn)形式。比如說設(shè)置折線的顏色、粗細(xì)等。

構(gòu)造函數(shù)

xxxDataSet dataSet = new xxxDataSet(List<Entry> yVals, String label);

• yVals：需要進(jìn)行展示的一組數(shù)據(jù)

• label：該組數(shù)據(jù)的名字

yVals list 數(shù)組由來：

float[] data;

// 填充數(shù)據(jù)
for(int i = 0; i < data.length; i++) {
    // 兩個(gè)數(shù)字對(duì)應(yīng)的分別是 X軸 Y軸
    barList.add(new BarEntry(i, data[i]));
}

共用方法

3.1 LineDataSet

3.2 BarDataSet

4、Data 類

? ChartData 類是所有圖表數(shù)據(jù)類的基類

public class LineData extends ChartData { ...

作用

? **將一個(gè)或若干個(gè) -DataSet 數(shù)據(jù)類做進(jìn)一步的包裝，由 -Data 類進(jìn)行管理。**并通過它傳遞給 -Chart 類進(jìn)行顯示。

構(gòu)造方法

xxxData data = new xxxData(IBarDataSet DataSet);

• DataSet：前面提到的 xxxDataSet 數(shù)據(jù)類。

共用方法

4.1 BarChart

5、AxisBase 類

作用

? 該類是 Chart 圖表的 X/Y 軸的基類。

共用方法

5.1 XAxis

作用

? 該類是 Chart 圖表的 X 軸，由 chart.getXAxis() 獲取。

常用方法

5.2 YAxis

作用

? 該類是 Chart 圖表的 Y 軸，但 Chart 中有左右兩個(gè) Y 軸，分別由 chart.getAxisLeft()、chart.getAxisRight() 獲取。

常用方法

6、LimitLine 類

作用

? 該類是 Chart 的限制線，作用是呈現(xiàn)一些特殊的信息，像邊界、約束等。

構(gòu)造函數(shù)

LimitLine limitLine = new LimitLine(float limit, String label);

• limit：這條線應(yīng)該出現(xiàn)在坐標(biāo)軸上的位置（值）

• label：該限制線的名字

常用方法

7、Description 類

作用

? 該類是一個(gè) Chart 類的標(biāo)題。

構(gòu)造函數(shù)

Description description = new Description();

常用方法

8、IValueFormatter 接口

作用

? 對(duì)數(shù)據(jù)組 DataSet 中的數(shù)據(jù)標(biāo)簽進(jìn)行重新格式化。

例子

DataSet.setValueFormatter(new IValueFormatter() {
    @Override
    public String getFormattedValue(float v, Entry entry, int i, ViewPortHandler viewPortHandler) {
        if(entry.getY() == v){
            return v + "h";
        }
        return "";
    }
});

• v：要格式化的值
• enry：值所屬的條目

9、IAxisValueFormatter 接口

作用

? 對(duì)坐標(biāo)軸的標(biāo)簽進(jìn)行重新格式化。

例子

String[] data;
    
Axis.setValueFormatter(new IAxisValueFormatter() {
    @Override
    public String getFormattedValue(float value, AxisBase axis) {
        if((int)value >= 0 && (int)value < data.length) {
            return data[(int) value];
        }
        return "";
    }
});

• value：要格式化的值

10、OnChartValueSelectedListener 接口

作用

? 監(jiān)聽是否點(diǎn)擊了數(shù)據(jù)組中的數(shù)據(jù)。可以在該監(jiān)聽函數(shù)中實(shí)現(xiàn)點(diǎn)擊不同的數(shù)據(jù)在另一個(gè) Chart 中展現(xiàn)對(duì)應(yīng)的不同的數(shù)據(jù)。

例子

chart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
    // 點(diǎn)擊數(shù)據(jù)后的回調(diào)函數(shù)
    @Override
    public void onValueSelected(Entry entry, Highlight highlight) {
        int iEntry = (int) entry.getX();
    }
	
    // 取消點(diǎn)擊數(shù)據(jù)后的回調(diào)函數(shù)
    @Override
    public void onNothingSelected() {

    }
});

11、例子

文章來源地址http://www.zghlxwxcb.cn/news/detail-456659.html

    <com.github.mikephil.charting.charts.BarChart
        android:id="@+id/bar"
        android:layout_marginTop="50dp"
        android:layout_width="380dp"
        android:layout_height="258dp"
        android:layout_gravity="center" >
    </com.github.mikephil.charting.charts.BarChart>

// x軸
String[] day = {"1-1", "1-2", "1-3", "1-4", "1-5", "1-6", "1-7"};
// x軸對(duì)應(yīng)的數(shù)據(jù)
float[] time = {(float)6.8, (float)5.4, (float)2.9, (float)8.2, (float)4.7, (float)6.1, (float)9.2};
// 實(shí)例化一個(gè)List用來存儲(chǔ)數(shù)據(jù)
List<BarEntry> barList = new ArrayList<>();


/*柱狀圖*/
mBarChart = (BarChart) findViewById(R.id.bar);
// 是否使能縮放
mBarChart.setScaleEnabled(false);
mBarChart.setExtraLeftOffset(10);
mBarChart.setExtraTopOffset(50);
// 動(dòng)畫
mBarChart.animateY(1000);

/** 柱子 **/
// 填充數(shù)據(jù)
for(int i = 0; i < time.length; i++) {
    // 兩個(gè)數(shù)字對(duì)應(yīng)的分別是 X軸 Y軸
    barList.add(new BarEntry(i, time[i]));
}
// 設(shè)置該組數(shù)據(jù)名稱
BarDataSet barDataSet = new BarDataSet(barList,"時(shí)長");
// 設(shè)置柱子顏色
barDataSet.setColors(Color.parseColor("#D2B48C"));
// 柱子邊框顏色
barDataSet.setBarBorderColor(Color.parseColor("#CD853F"));
// 柱子邊框厚度
barDataSet.setBarBorderWidth(2);
// 設(shè)置柱子高亮顯示時(shí)的顏色透明度，當(dāng)不高亮顯示時(shí)，該設(shè)置無效
barDataSet.setHighLightAlpha(100);
// 設(shè)置柱子上字體大小
barDataSet.setValueTextSize(11);
// 定義柱子上的數(shù)據(jù)顯示，可以實(shí)現(xiàn)加單位
barDataSet.setValueFormatter(new IValueFormatter() {
    @Override
    public String getFormattedValue(float v, Entry entry, int i, ViewPortHandler viewPortHandler) {
        if(entry.getY() == v){
            return v + "h";
        }
        return "";
    }
});
BarData barData = new BarData(barDataSet);
// 設(shè)置柱子寬度
barData.setBarWidth(0.7f);
mBarChart.setData(barData);

/** X軸 **/
XAxis xAxis = mBarChart.getXAxis();
// 設(shè)置X軸的位置  BOTTOM  BOTH_SIDED  BOTTOM_INSIDE  TOP  TOP_INSIDE
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
// 設(shè)置X軸坐標(biāo)之間的最小間隔
xAxis.setGranularity(1);
// 設(shè)置X軸的刻度數(shù)量
xAxis.setLabelCount(day.length);
// 設(shè)置當(dāng)前圖表中最多在x軸坐標(biāo)線上顯示刻度線的總量
mBarChart.setVisibleXRangeMaximum(8);
// 設(shè)置X軸的字體大小
xAxis.setTextSize(11);
// 設(shè)置X軸的字體顏色
xAxis.setAxisLineColor(Color.BLACK);
// 設(shè)置X軸的粗細(xì)
xAxis.setAxisLineWidth(1);
// 是否繪制X軸的網(wǎng)格線
xAxis.setDrawGridLines(false);
// 給X軸設(shè)置新的標(biāo)簽（值）
xAxis.setValueFormatter(new IAxisValueFormatter() {
    @Override
    public String getFormattedValue(float value, AxisBase axis) {
        if((int)value >= 0 && (int)value < day.length) {
            return day[(int)value];
        }
        return "";
    }
});

/** Y軸 **/
YAxis leftYAxis = mBarChart.getAxisLeft();
YAxis rightYAxis = mBarChart.getAxisRight();
// 設(shè)置某一個(gè)Y軸是否顯示
rightYAxis.setEnabled(false);
// 設(shè)置Y軸顯示的區(qū)間
leftYAxis.setAxisMinimum(0);
leftYAxis.setAxisMaximum(10);
// 設(shè)置Y軸值之間的間隔
leftYAxis.setGranularity(2);
// 設(shè)置Y軸總共有多少個(gè)值
leftYAxis.setLabelCount(6);
// 設(shè)置Y軸字體大小
leftYAxis.setTextSize(11);
// 設(shè)置Y軸字體顏色
leftYAxis.setAxisLineColor(Color.BLACK);
// 設(shè)置Y軸的粗細(xì)
leftYAxis.setAxisLineWidth(1f);
// 給Y軸設(shè)置新的標(biāo)簽（值）
leftYAxis.setValueFormatter(new IAxisValueFormatter() {
    @Override
    public String getFormattedValue(float v, AxisBase axisBase) {
        return (int)v + "h";
    }
});

/** 限制線 **/
// 創(chuàng)建一個(gè)新的限制線
LimitLine limitLine = new LimitLine(8,"限制線");
// 設(shè)置限制線的寬度
limitLine.setLineWidth(2);
limitLine.setTextSize(11);
limitLine.setTextColor(Color.parseColor("#B22222"));
limitLine.setLineColor(Color.RED);
leftYAxis.addLimitLine(limitLine);

/** 圖例 **/
Legend legend = mBarChart.getLegend();
// 設(shè)置圖例的文本顏色
legend.setTextColor(Color.BLACK);
legend.setTextSize(12);

/** 圖表標(biāo)題 **/
Description description = new Description();
description.setText("圖表標(biāo)題");
description.setTextSize(17);
WindowManager windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
int w = windowManager.getDefaultDisplay().getWidth();
description.setPosition(w / 2 + 100, 90);
mBarChart.setDescription(description);

到了這里，關(guān)于【Android Studio】第三方庫 圖表（MPAndroidChart）使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！