एंड्रॉइड में रडार चार्ट लागू करना
यह ट्यूटोरियल MPAndroidChart का उपयोग करके रडार चार्ट (स्पाइडर चार्ट) बनाने का तरीका दिखाता है।
चरण 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.RadarChart
android:id="@+id/radarChart"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
चरण 4: MainActivity.java
package com.example.radarchartdemo;
import android.graphics.Color;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import com.github.mikephil.charting.charts.RadarChart;
import com.github.mikephil.charting.data.RadarData;
import com.github.mikephil.charting.data.RadarDataSet;
import com.github.mikephil.charting.data.RadarEntry;
import com.github.mikephil.charting.utils.ColorTemplate;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
private RadarChart radarChart;
private RadarData radarData;
private RadarDataSet radarDataSet;
private ArrayList<RadarEntry> radarEntries;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
radarChart = findViewById(R.id.radarChart);
getEntries();
radarDataSet = new RadarDataSet(radarEntries, "प्रदर्शन मेट्रिक्स");
radarData = new RadarData(radarDataSet);
radarChart.setData(radarData);
// स्टाइलिंग
radarDataSet.setColors(ColorTemplate.JOYFUL_COLORS);
radarDataSet.setValueTextColor(Color.BLACK);
radarDataSet.setValueTextSize(12f);
radarDataSet.setDrawFilled(true);
radarDataSet.setFillAlpha(80);
// चार्ट कस्टमाइज़ेशन
radarChart.getDescription().setEnabled(false);
radarChart.setWebLineWidth(1f);
radarChart.setWebLineWidthInner(1f);
radarChart.setWebColor(Color.LTGRAY);
radarChart.setWebColorInner(Color.GRAY);
radarChart.animateXY(1000, 1000);
}
private void getEntries() {
radarEntries = new ArrayList<>();
// RadarEntry: (इंडेक्स, मान) - इंडेक्स अक्ष स्थिति है
radarEntries.add(new RadarEntry(0.8f)); // अक्ष 0
radarEntries.add(new RadarEntry(0.6f)); // अक्ष 1
radarEntries.add(new RadarEntry(0.9f)); // अक्ष 2
radarEntries.add(new RadarEntry(0.4f)); // अक्ष 3
radarEntries.add(new RadarEntry(0.7f)); // अक्ष 4
radarEntries.add(new RadarEntry(0.5f)); // अक्ष 5
}
}
रडार चार्ट समझाया गया
- अक्ष: प्रत्येक RadarEntry एक अक्ष से मेल खाता है (0 से शुरू)
- मान सीमा: आमतौर पर 0-1 (सापेक्ष) या वास्तविक मान
- भराव:
setDrawFilled(true)क्षेत्र भरता है - वेब लाइनें: ग्रिड लाइनों को कस्टमाइज़ करें
X-लेबल सेट करें (वैकल्पिक)
String[] labels = {"गति", "सटीकता", "मेमोरी", "CPU", "नेटवर्क", "बैटरी"};
radarChart.getXAxis().setValueFormatter(new IndexAxisValueFormatter(labels));
ऐप चलाएं
ऐप लॉन्च करें और 6 अक्षों के साथ रडार चार्ट देखें।
उपयोग के मामले: कौशल मूल्यांकन, उत्पाद तुलना, प्रदर्शन मेट्रिक्स, व्यक्तित्व प्रोफाइल।