MPAndroidChart使用

新建Android工程，然后分别在build.gradle(Project:...)添加

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

在build.fradle(Module.app)上添加，（官方推荐）

implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'

配置完成后点击AS 中File菜单的Sync Projects...或直接点击这个图标

现在打开布局文件，输入LineChart会有提示的，这说明配置成功了。

.xml文件

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent">
 5 
 6     <com.github.mikephil.charting.charts.LineChart
 7         android:id="@+id/line_chart"
 8         android:layout_width="match_parent"
 9         android:layout_height="match_parent"/>
10 
11 </RelativeLayout>

.java文件

 1 package com.example.learnmpandchart;
 2 
 3 import androidx.appcompat.app.AppCompatActivity;
 4 
 5 import android.os.Bundle;
 6 
 7 import com.github.mikephil.charting.charts.LineChart;
 8 import com.github.mikephil.charting.data.Entry;
 9 import com.github.mikephil.charting.data.LineData;
10 import com.github.mikephil.charting.data.LineDataSet;
11 import com.github.mikephil.charting.interfaces.datasets.ILineDataSet;
12 
13 import java.util.ArrayList;
14 import java.util.Map;
15 
16 public class MainActivity extends AppCompatActivity {
17 
18     LineChart mpLineChart;
19 
20     @Override
21     protected void onCreate(Bundle savedInstanceState) {
22         super.onCreate(savedInstanceState);
23         setContentView(R.layout.activity_main);
24 
25         mpLineChart = (LineChart) findViewById(R.id.line_chart);//找到折线图控件
26         LineDataSet lineDataSet1 = new LineDataSet(dataValues1(),"Data Set 1");
27         ArrayList<ILineDataSet> dataSets = new ArrayList<>();
28         dataSets.add(lineDataSet1);
29 
30         LineData data = new LineData(dataSets);
31         mpLineChart.setData(data);
32         mpLineChart.invalidate();
33     }
34 
35     private ArrayList<Entry> dataValues1() {
36         ArrayList<Entry> dataVals = new ArrayList<Entry>();
37         dataVals.add(new Entry(0,20));
38         dataVals.add(new Entry(1,24));
39         dataVals.add(new Entry(2,2));
40         dataVals.add(new Entry(3,10));
41         dataVals.add(new Entry(4,28));
42 
43         return dataVals;
44     }
45 }

点击运行后就完成了。

（以上教程全参考至油管视频，链接如下）

官网地址https://github.com/PhilJay/MPAndroidChart

油管上教程https://www.youtube.com/playlist?list=PLFh8wpMiEi89LcBupeftmAcgDKCeC24bJ

相关推荐