Membuat Grafik / Chart di Android

Jika aplikasi android anda membutuhkan fitur grafik (chart), maka penggunaan library program chart MPAndroidChart bisa menjadi solusi bagi aplikasi anda, berikut ini cara membuat grafik batang (BarChart)

  1. Langkah pertama tambahkan library MPAndroidChart pada sistem gradle aplikasi anda,
    Pada build.gradle

    allprojects {
        repositories {
             // .... repo lainnya
             maven { url "https://jitpack.io" }
        }
    }
    

    dan build.gradle module

        dependencies {
        // ... library lainnya
       compile 'com.github.PhilJay:MPAndroidChart:v3.0.2'
    }
    
  2. Pada file layout xml Activity anda tambahkan komponen layout BarChart
    <com.github.mikephil.charting.charts.BarChart
            android:id="@+id/chart"
            android:layout_width="368dp"
            android:layout_height="495dp"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="8dp"
            android:layout_marginLeft="8dp"
            app:layout_constraintLeft_toLeftOf="parent" />
    
  3. Berikut kode program pada Activity

    
    public class ContohGrafikActivity extends AppCompatActivity {
    
        BarChart chart;
        ArrayList<BarEntry> barEntries;
        ArrayList<String> barLabels;
        BarDataSet barDataSet;
        BarData barData;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
    
        setContentView(R.layout.activity_contoh_grafik);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
    
        chart = (BarChart) findViewById(R.id.chart);
    
        barEntries = new ArrayList<BarEntry>();
        barLabels = new ArrayList<String>();
    
        barLabels.add("");// index 0 kosongkan saja
        barEntries.add(new BarEntry(1, 70f));
        barLabels.add("Project A");
        barEntries.add(new BarEntry(2, 60f));
        barLabels.add("Project B");
        barEntries.add(new BarEntry(3, 30f));
        barLabels.add("Project C");
    
        barDataSet = new BarDataSet(barEntries, "Projects");
    
            barData = new BarData(barDataSet);
            chart1.getXAxis().setValueFormatter(
                                        new IndexAxisValueFormatter(barLabels));
    
            barDataSet.setColors(ColorTemplate.COLORFUL_COLORS);
    
            chart1.setData(barData);
    
            chart1.animateY(3000);
    }
    
  4. Run Program Android anda harusnya muncul seperti gambar dibawah ini:
    Membuat grafik / chart di android

    Membuat grafik / chart di android

Post a Response