[안드로이드] LineChart 만드는 방법 part3 - 차트 스타일 변경

이번 시간에는 차트 스타일 변경하는 방법에 대하여 알아보겠습니다.

이전 포스팅에 이어서 하겠습니다. 

이전 포스팅은 아래 링크를 들어가시면 됩니다.

2022.04.30 - [안드로이드] - [안드로이드] LineChart 만드는 방법 part2 - 멀티 데이터 구현

[안드로이드] LineChart 만드는 방법 part2 - 멀티 데이터 구현

---

목차

1. 실행 화면
2. 메인 코드 수정 MainActivity.java

---

1. 실행 화면

 

2. 메인 코드 수정 MainActivity.java

 - 설명 - 

 1. setBackgroundColor: 차트 배경 색상

 2. setNoDataText:  차트 데이터 없음 표시

 3. setNoDataTextColor: 차트 데이터 없음 텍스트 색상

 4. setDrawGridBackground: 차트 격자 그리드 적용

 5. setDrawBorders: 차트 격자 진하게

 6. setBorderColor: 차트 외곽선 색상

 7. setBorderWidth: 차트 외곽선 굵기

 8. description.setText: 설명 텍스트

 9. description.setTextSize: 설명 텍스트 크기

 10. description.setTextColor: 설명 텍스트 색상

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");
        LineDataSet lineDataSet2 = new LineDataSet(data2(), "Data Set2");

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

        /* 차트 스타일 */

        //차트 배경 색상
        lineChart.setBackgroundColor(Color.BLACK);

        //차트 데이터 없음 표시
        lineChart.setNoDataText("No Data");

        //차트 데이터 없음 텍스트 색상
        lineChart.setNoDataTextColor(Color.BLUE);

        //격자 그리드 적용
        lineChart.setDrawGridBackground(true);

        //차트 외곽선 진하게
        lineChart.setDrawBorders(true);

        //차트 외곽선 색상
        lineChart.setBorderColor(Color.RED);

        //차트 외곽선 굵기
        lineChart.setBorderWidth(5);

        //설명
        Description description = new Description();
        description.setText("설명"); // 설명
        description.setTextSize(20);//설명 텍스트 크기
        description.setTextColor(Color.BLUE); //텍스트 색상

        lineChart.setDescription(description);

        //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;
    }

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

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

        dataList.add(new Entry(0, 15));
        dataList.add(new Entry(1, 25));
        dataList.add(new Entry(3, 35));
        dataList.add(new Entry(5, 45));

        return dataList;
    }
}//MainActivity

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

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

2022.03.19 - [안드로이드] - [안드로이드] 간단한 할 일 목록(ToDoList) 쉽게 만드는 방법

[안드로이드] 간단한 할 일 목록(ToDoList) 쉽게 만드는 방법

2022.03.09 - [안드로이드] - [안드로이드] Firebase 시작하기 실시간 데이터베이스 Realtime Database (간단한 데이터 읽기, 쓰기) part1

[안드로이드] Firebase 시작하기 실시간 데이터베이스 Realtime Database (간단한 데이터 읽기, 쓰기) part