[안드로이드] LineChart 만드는 방법 part1 - 기본 구현

이번 시간에는 LineChart를 만드는 방법을 알아보겠습니다.

---

목차

1. 실행 화면

2. 라이브러리 등록

3. 메인 화면 구성 activity_main.xml

4. 메인 코드 구현 MainActivity.java

---

1. 실행 화면

 

2. 라이브러리 등록

build.gradle(Module:프로젝트명:app)

dependencies 괄호 안에 아래 코드를 넣어주시면 됩니다.

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

 

setting.gradle

repositories 괄호 안에 아래 코드를 넣어주시면 됩니다.

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

 라이브러리 입력하시고 꼭 Sync 하셔야 합니다.

 

 

3. 메인 화면 구성 activity_main.xml

 - 설명 -

 라이브러리 등록했다면 LineChart태그를 사용하실 수 있습니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

 

4. 메인 코드 구현 MainActivity.java

 - 설명 - 

 1. new Entry를 통해 데이터를 넣습니다. 

 2. data1메소드를 통해 데이터를 생성합니다.

 3. 생성한 데이터를 순서에 맞게 넣고 최종적으로 차트에 적용합니다. 

public class MainActivity extends AppCompatActivity{

    LineChart lineChart;

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

        //초기화
        lineChart = findViewById(R.id.line_chart);

        //1. 데이터셋에 데이터 넣기
        LineDataSet lineDataSet1 = new LineDataSet(data1(), "Data Set1");

        //2. 리스트에 데이터셋 추가
        ArrayList<ILineDataSet> dataSets = new ArrayList<>();
        dataSets.add(lineDataSet1);

        //3. 라인데이터에 리스트 추가
        LineData data = new LineData(dataSets);

        //4. 차트에 라인데이터 추가
        lineChart.setData(data);

        //5. 차트 초기화
        lineChart.invalidate();

    }//onCreate


    //데이터 생성
    private ArrayList<Entry> data1(){

        ArrayList<Entry> dataList = new ArrayList<>();

        dataList.add(new Entry(0, 10));
        dataList.add(new Entry(1, 20));
        dataList.add(new Entry(2, 30));
        dataList.add(new Entry(3, 40));

        return dataList;
    }
}//MainActivity

2022.04.19 - [안드로이드] - [안드로이드] 커스텀 달력 만드는 방법 part1 화면 구성

[안드로이드] 커스텀 달력 만드는 방법 part1 화면 구성

2022.04.02 - [안드로이드] - [안드로이드] 같은 그림 찾기 게임 만드는 방법 part1 - 화면 구성

[안드로이드] 같은 그림 찾기 게임 만드는 방법 part1 - 화면구성

2022.04.08 - [안드로이드] - [안드로이드] Tab Custom Animation part1 - 화면 구성

[안드로이드] Tab Custom Animation part1 - 화면 구성