एंड्रॉइड में लाइन चार्ट लागू करना
यह ट्यूटोरियल 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.LineChart
android:id="@+id/lineChart"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
चरण 4: MainActivity.java
package com.example.linechartdemo;
import android.graphics.Color;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import com.github.mikephil.charting.charts.LineChart;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.data.LineData;
import com.github.mikephil.charting.data.LineDataSet;
import com.github.mikephil.charting.utils.ColorTemplate;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
private LineChart lineChart;
private LineData lineData;
private LineDataSet lineDataSet;
private ArrayList<Entry> lineEntries;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lineChart = findViewById(R.id.lineChart);
getEntries();
lineDataSet = new LineDataSet(lineEntries, "ट्रेंड डेटा");
lineData = new LineData(lineDataSet);
lineChart.setData(lineData);
// स्टाइलिंग
lineDataSet.setColors(ColorTemplate.JOYFUL_COLORS);
lineDataSet.setValueTextColor(Color.BLACK);
lineDataSet.setValueTextSize(12f);
lineDataSet.setCircleColor(Color.RED);
lineDataSet.setCircleRadius(4f);
lineDataSet.setLineWidth(2f);
lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER); // स्मूथ कर्व
// चार्ट कस्टमाइज़ेशन
lineChart.getDescription().setEnabled(false);
lineChart.setDrawGridBackground(false);
lineChart.animateX(1000);
}
private void getEntries() {
lineEntries = new ArrayList<>();
// Entry: (x, y)
lineEntries.add(new Entry(0, 2f));
lineEntries.add(new Entry(1, 4f));
lineEntries.add(new Entry(2, 6f));
lineEntries.add(new Entry(3, 8f));
lineEntries.add(new Entry(4, 7f));
lineEntries.add(new Entry(5, 3f));
}
}
लाइन चार्ट कस्टमाइज़ेशन विकल्प
- Mode: LINEAR (डिफ़ॉल्ट), STEPPED, CUBIC_BEZIER, HORIZONTAL_BEZIER
- Fill:
setDrawFilled(true),setFillColor(),setFillAlpha() - सर्कल:
setDrawCircles(true/false),setCircleHoleRadius() - डैश लाइन:
enableDashedLine(10f, 5f, 0f)
एकाधिक लाइनें
LineDataSet set1 = new LineDataSet(entries1, "सीरीज 1");
LineDataSet set2 = new LineDataSet(entries2, "सीरीज 2");
LineData data = new LineData(set1, set2);
ऐप चलाएं
ऐप लॉन्च करें और सैंपल डेटा के साथ लाइन चार्ट देखें।
उपयोग के मामले: समय श्रृंखला डेटा, ट्रेंड विश्लेषण, स्टॉक कीमतें, सेंसर रीडिंग, प्रदर्शन मेट्रिक्स।