GraphView লাইব্রেরি দিয়ে ইন্টারঅ্যাক্টিভ চার্ট তৈরি
GraphView একটি লাইটওয়েট অ্যান্ড্রয়েড লাইব্রেরি যা লাইন, বার, পয়েন্ট-charLine Graph, Bar Graph, Points Graph সহ বিভিন্ন ধরনের চার্ট ড্র করার অনুমতি দেয়।
পদক্ষেপ ১: প্রজেক্ট তৈরি করুন
Android Studio-তে নতুন প্রজেক্ট শুরু করুন।
পদক্ষেপ ২: build.gradle - ডিপেন্ডেন্সি
dependencies {
implementation 'com.jjoe64:graphview:4.2.2' // লেটেস্ট ভার্সন চেক করুন
}
পদক্ষেপ ৩: লেআউট XML (activity_main.xml)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
xmlns:tools="https://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp"
tools:context=".MainActivity">
<com.jjoe64.graphview.GraphView
android:id="@+id/graph"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
পদক্ষেপ ৪: MainActivity.java - বেসিক লাইন গ্রাফ
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import com.jjoe64.graphview.GraphView;
import com.jjoe64.graphview.series.DataPoint;
import com.jjoe64.graphview.series.LineGraphSeries;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
GraphView graph = findViewById(R.id.graph);
// ডেটা পয়েন্ট সিরিজ
LineGraphSeries series = new LineGraphSeries<>(new DataPoint[] {
new DataPoint(0, 1),
new DataPoint(1, 5),
new DataPoint(2, 3),
new DataPoint(3, 2),
new DataPoint(4, 6)
});
graph.addSeries(series);
// স্টাইলিং
series.setColor(Color.RED);
series.setDrawDataPoints(true);
series.setDataPointsRadius(10);
series.setThickness(8);
}
}
বিভিন্ন গ্রাফ টাইপ
১. বার গ্রাফ (BarGraphSeries)
BarGraphSeriesbarSeries = new BarGraphSeries<>(new DataPoint[] { new DataPoint(0, 2), new DataPoint(1, 4), new DataPoint(2, 1), new DataPoint(3, 5) }); barSeries.setColor(Color.BLUE); barSeries.setSpacing(50); // বার গ্যাপ graph.addSeries(barSeries);
২. পয়েন্ট গ্রাফ (PointsGraphSeries)
PointsGraphSeriespointsSeries = new PointsGraphSeries<>(dataPoints); pointsSeries.setColor(Color.GREEN); pointsSeries.setSize(15); graph.addSeries(pointsSeries);
গ্রাফ কাস্টমাইজেশন
রিয়েল-টাইম ডেটা আপডেট
বিকল্প লাইব্রেরি (আধুনিক)
- MPAndroidChart: সবচেয়ে ফিচার-রিচ, ৩ডি, জুম, প্যাইন, কম্বাইনড চার্ট
- HelloCharts: সিম্পল, কোটলিন-ফ্রেন্ডলি
- WilliamChart: ম্যাটেরিয়াল ডিজাইন স্টাইল
- Jetpack Compose + Compose Charts: আধুনিক UI টুলকিটের জন্য