วิธีใช้ Bar Chart Graph ใน Android (MPAndroidChart)

ตัวอย่างใช้ไลบรารี MPAndroidChart แสดง Bar Chart ใน Android

1. เพิ่ม Dependency (build.gradle module)

dependencies {
    implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0-alpha'
    // ... dependencies อื่นๆ
}

2. เพิ่ม Repository (build.gradle project)

allprojects {
    repositories {
        google()
        jcenter()
        maven { url 'https://jitpack.io' }
    }
}

3. Layout XML (activity_main.xml)

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

4. MainActivity.java

public class MainActivity extends AppCompatActivity {
    BarChart barChart;
    BarData barData;
    BarDataSet barDataSet;
    ArrayList barEntries;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        barChart = findViewById(R.id.BarChart);
        getEntries();
        
        barDataSet = new BarDataSet(barEntries, "");
        barData = new BarData(barDataSet);
        barChart.setData(barData);
        
        barDataSet.setColors(ColorTemplate.JOYFUL_COLORS);
        barDataSet.setValueTextColor(Color.BLACK);
        barDataSet.setValueTextSize(18f);
    }
    
    private void getEntries() {
        barEntries = new ArrayList<>();
        barEntries.add(new BarEntry(2f, 0));
        barEntries.add(new BarEntry(4f, 1));
        barEntries.add(new BarEntry(6f, 1));
        barEntries.add(new BarEntry(8f, 3));
        barEntries.add(new BarEntry(7f, 4));
        barEntries.add(new BarEntry(3f, 3));
    }
}

ผลลัพธ์

แสดง Bar Chart ตามค่าที่กำหนดใน barEntries

รูปภาพตัวอย่าง Chart ถูกละเว้น