Dalam Artikel ini, kita akan belajar cara menggunakan grafik scatter chart pada aplikasi Android. Kami akan membahas langkah-langkah yang harus diambil untuk membuat aplikasi Android yang menampilkan grafik scatter chart.

Langkah 1 − Mendapatkan Library

Pertama, Anda perlu mendapatkan library Android Chart yang digunakan untuk membuat grafik. Anda dapat mengunduh library ini dari situs web Mikhael Phil. Setelah mengunduh library, Anda perlu menambahkan dependensi pada file build.gradle.

Langkah 2 − Menambahkan Dependensi

Setelah mengunduh library, Anda perlu menambahkan dependensi pada file build.gradle. Berikut adalah contoh kode yang harus ditambahkan:

dependencies {
 implementation 'com.github.philjay:charting_library:v3.1.0-alpha'
}

Langkah 3 − Menambahkan Dependensi Pada File build.gradle (Application Level)

Setelah menambahkan dependensi, Anda perlu menambahkan dependensi pada file build.gradle (application level). Berikut adalah contoh kode yang harus ditambahkan:

buildscript {
 repositories {
 google()
 jcenter()
 }
 dependencies {
 classpath 'com.android.tools.build:gradle:3.2.1'
 }
}
allprojects {
 repositories {
 google()
 jcenter()
 maven { url 'https://jitpack.io' }
 }
}
task clean(type: Delete) {
 delete rootProject.buildDir
}

Langkah 4 − Membuat File Layout

Setelah menambahkan dependensi, Anda perlu membuat file layout untuk menampilkan grafik scatter chart. Berikut adalah contoh kode yang harus ditambahkan pada file activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity">
 <com.github.mikephil.charting.charts.ScatterChart
 android:id="@+id/scatterChart"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent" />
</android.support.constraint.ConstraintLayout>

Langkah 5 − Membuat File Kode Java

Setelah membuat file layout, Anda perlu membuat file kode Java untuk menampilkan grafik scatter chart. Berikut adalah contoh kode yang harus ditambahkan pada file MainActivity.java:

package com.example.andy.myapplication;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import com.github.mikephil.charting.charts.ScatterChart;
import com.github.mikephil.charting.data.BarEntry;
import com.github.mikephil.charting.data.ScatterData;
import com.github.mikephil.charting.data.ScatterDataSet;
import com.github.mikephil.charting.utils.ColorTemplate;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
 ScatterChart scatterChart;
 ScatterData scatterData;
 ScatterDataSet scatterDataSet;
 ArrayList<BarEntry> scatterEntries;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 scatterChart = findViewById(R.id.scatterChart);
 getEntries();
 scatterDataSet = new ScatterDataSet(scatterEntries, "");
 scatterData = new ScatterData(scatterDataSet);
 scatterChart.setData(scatterData);
 scatterDataSet.setColors(ColorTemplate.JOYFUL_COLORS);
 scatterDataSet.setValueTextColor(Color.BLACK);
 scatterDataSet.setValueTextSize(18f);
 }

 private void getEntries() {
 scatterEntries = new ArrayList<>();
 scatterEntries.add(new BarEntry(2f, 0));
 scatterEntries.add(new BarEntry(4f, 1));
 scatterEntries.add(new BarEntry(6f, 1));
 scatterEntries.add(new BarEntry(8f, 3));
 scatterEntries.add(new BarEntry(7f, 4));
 scatterEntries.add(new BarEntry(3f, 3));
 }
}

Dengan demikian, Anda telah berhasil membuat aplikasi Android yang menampilkan grafik scatter chart.