एंड्रॉइड में बबल चार्ट लागू करना
यह ट्यूटोरियल MPAndroidChart का उपयोग करके बबल चार्ट बनाने का तरीका दिखाता है, जो तीन आयाम (x, y, आकार) प्रदर्शित करता है।
चरण 1: नया प्रोजेक्ट बनाएं
Android Studio में File → New Project चुनें।
चरण 2: निर्भरताएं
implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
चरण 3: लेआउट फ़ाइल (activity_main.xml)
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="https://schemas.android.com/apk/res/android"
xmlns:app="https://schemas.android.com/apk/res-auto"
xmlns:tools="https://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.github.mikephil.charting.charts.BubbleChart
android:id="@+id/bubbleChart"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
चरण 4: MainActivity.java
package com.example.bubblechartdemo;
import android.graphics.Color;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import com.github.mikephil.charting.charts.BubbleChart;
import com.github.mikephil.charting.data.BubbleData;
import com.github.mikephil.charting.data.BubbleDataSet;
import com.github.mikephil.charting.data.BubbleEntry;
import com.github.mikephil.charting.utils.ColorTemplate;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
private BubbleChart bubbleChart;
private BubbleData bubbleData;
private BubbleDataSet bubbleDataSet;
private ArrayList<BubbleEntry> bubbleEntries;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bubbleChart = findViewById(R.id.bubbleChart);
getEntries();
bubbleDataSet = new BubbleDataSet(bubbleEntries, "बबल डेटा");
bubbleData = new BubbleData(bubbleDataSet);
bubbleChart.setData(bubbleData);
// स्टाइलिंग
bubbleDataSet.setColors(ColorTemplate.JOYFUL_COLORS);
bubbleDataSet.setValueTextColor(Color.BLACK);
bubbleDataSet.setValueTextSize(12f);
bubbleDataSet.setHighlightCircleWidth(2f);
// चार्ट कस्टमाइज़ेशन
bubbleChart.getDescription().setEnabled(false);
bubbleChart.setDrawGridBackground(false);
bubbleChart.animateXY(1000, 1000);
}
private void getEntries() {
bubbleEntries = new ArrayList<>();
// BubbleEntry कंस्ट्रक्टर: (x, y, size)
bubbleEntries.add(new BubbleEntry(0, 1, 10f));
bubbleEntries.add(new BubbleEntry(1, 2, 20f));
bubbleEntries.add(new BubbleEntry(2, 3, 15f));
bubbleEntries.add(new BubbleEntry(3, 4, 25f));
bubbleEntries.add(new BubbleEntry(4, 5, 18f));
bubbleEntries.add(new BubbleEntry(5, 6, 30f));
}
}
बबल चार्ट समझाया गया
- X मान: क्षैतिज स्थिति
- Y मान: लंबवत स्थिति
- आकार मान: बबल का क्षेत्रफल (वर्ग इकाइयों में)
- तीसरा आयाम: आकार तीसरे डेटा आयाम का प्रतिनिधित्व करता है
कस्टमाइज़ेशन विकल्प
// अधिकतम बबल आकार सेट करें (स्क्रीन चौड़ाई का प्रतिशत)
bubbleChart.setMaxVisibleCount(100);
bubbleDataSet.setMaxSize(50f); // अधिकतम बबल त्रिज्या
// बबल आकार स्केलिंग
bubbleChart.getXAxis().setAxisMinimum(-1f);
bubbleChart.getXAxis().setAxisMaximum(6f);
ऐप चलाएं
ऐप लॉन्च करें और अलग-अलग आकार के बुलबुले के साथ बबल चार्ट देखें।
उपयोग के मामले: तीन-चर डेटा दृश्य, बाजार विश्लेषण (कीमत, मात्रा, मार्केट कैप), जनसांख्यिकी, वैज्ञानिक डेटा।