آموزش Chart در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش Chart در برنامه نویسی اندروید می پردازیم از chart برای نمایش داده ها به صورت گرافیکی استفاده می شود قبلتر آموزشی مرتبط با chart در سایت قرار داده بودیم ولی برای افرا مبتدی کمی سخت بود تا با آن کار کنند با این آموزش به راحتی می توانید دادهاتون رو در Chart قرار دهید در ادامه پیش نمایشی از خروجی برنامه را خواهید دید.
دو شکل در زیر قرار دارد در دوحالت عمودی و افقی

برای اینکه از نوع chart استفاده کنیم همانطور که قبلا گفته بودیم به طو معمول چیزی به نام chart در اندروید وجود ندارد ولی می توان از کتال خانه های آن استفاده کرد.
پس وارد فایل Build.gradle از نوع module شده و در بخش dependencies خط زیر را اضافه کنید.

 compile 'com.github.PhilJay:MPAndroidChart:v2.2.4'

1	compile 'com.github.PhilJay:MPAndroidChart:v2.2.4'

دوستان دقت کنید این کتاب خانه در مخزن jitpack قرار دارد پس باید وارد فایل Build.gradle از نوع Top Level شده و در بخش repositories خط زیر را اضافه کنید.

 maven { url "https://jitpack.io" }

1	maven { url "https://jitpack.io" }

پروژه را sync کنید.
ابتدای کار وارد layout خود شده و کد زیر را در آن قرار دهید.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <com.github.mikephil.charting.charts.BarChart
        android:id="@+id/chart1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<com.github.mikephil.charting.charts.BarChart

android:id="@+id/chart1"

android:layout_width="fill_parent"

android:layout_height="fill_parent" />

</RelativeLayout>

خب حالا باید داده ها را به در آن قرار دهیم پس در بخش Main هم کد زیر را قرار می دهیم.

package ir.programchi;
import java.util.ArrayList;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.data.BarData;
import com.github.mikephil.charting.data.BarDataSet;
import com.github.mikephil.charting.data.BarEntry;
import com.github.mikephil.charting.utils.ColorTemplate;
public class MainActivity extends AppCompatActivity {
    BarChart chart ;
    ArrayList<BarEntry> BARENTRY ;
    ArrayList<String> BarEntryLabels ;
    BarDataSet Bardataset ;
    BarData BARDATA ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        chart = (BarChart) findViewById(R.id.chart1);
        BARENTRY = new ArrayList<>();
        BarEntryLabels = new ArrayList<String>();
        AddValuesToBARENTRY();
        AddValuesToBarEntryLabels();
        Bardataset = new BarDataSet(BARENTRY, "Projects");
        BARDATA = new BarData(BarEntryLabels, Bardataset);
        Bardataset.setColors(ColorTemplate.COLORFUL_COLORS);
        chart.setData(BARDATA);
        chart.animateY(3000);
    }
    public void AddValuesToBARENTRY(){
        BARENTRY.add(new BarEntry(2f, 0));
        BARENTRY.add(new BarEntry(4f, 1));
        BARENTRY.add(new BarEntry(6f, 2));
        BARENTRY.add(new BarEntry(8f, 3));
        BARENTRY.add(new BarEntry(7f, 4));
        BARENTRY.add(new BarEntry(3f, 5));
    }
    public void AddValuesToBarEntryLabels(){
        BarEntryLabels.add("January");
        BarEntryLabels.add("February");
        BarEntryLabels.add("March");
        BarEntryLabels.add("April");
        BarEntryLabels.add("May");
        BarEntryLabels.add("June");
    }
}

package ir.programchi;

import java.util.ArrayList;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import com.github.mikephil.charting.charts.BarChart;

import com.github.mikephil.charting.data.BarData;

import com.github.mikephil.charting.data.BarDataSet;

import com.github.mikephil.charting.data.BarEntry;

import com.github.mikephil.charting.utils.ColorTemplate;

public class MainActivity extends AppCompatActivity {

BarChart chart ;

ArrayList<BarEntry> BARENTRY ;

ArrayList<String> BarEntryLabels ;

BarDataSet Bardataset ;

BarData BARDATA ;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

chart = (BarChart) findViewById(R.id.chart1);

BARENTRY = new ArrayList<>();

BarEntryLabels = new ArrayList<String>();

AddValuesToBARENTRY();

AddValuesToBarEntryLabels();

Bardataset = new BarDataSet(BARENTRY, "Projects");

BARDATA = new BarData(BarEntryLabels, Bardataset);

Bardataset.setColors(ColorTemplate.COLORFUL_COLORS);

chart.setData(BARDATA);

chart.animateY(3000);

}

public void AddValuesToBARENTRY(){

BARENTRY.add(new BarEntry(2f, 0));

BARENTRY.add(new BarEntry(4f, 1));

BARENTRY.add(new BarEntry(6f, 2));

BARENTRY.add(new BarEntry(8f, 3));

BARENTRY.add(new BarEntry(7f, 4));

BARENTRY.add(new BarEntry(3f, 5));

}

public void AddValuesToBarEntryLabels(){

BarEntryLabels.add("January");

BarEntryLabels.add("February");

BarEntryLabels.add("March");

BarEntryLabels.add("April");

BarEntryLabels.add("May");

BarEntryLabels.add("June");

}

کد بالا بسیار واضح است یک نگاه به عکس بکنید یک نگاه به کد متوجه می شوید هر void مربوط به چه بخشی است .

این آموزش هم به پایان رسید.

موفق باشید.

مطالعه بیشتر

آموزش Chart در برنامه نویسی اندروید

مطالب مشابه

0 پاسخ به “آموزش Chart در برنامه نویسی اندروید”

دیدگاهتان را بنویسید لغو پاسخ

مطالب مشابه

0 پاسخ به “آموزش Chart در برنامه نویسی اندروید”

دیدگاهتان را بنویسید لغو پاسخ

اشتراک گذاری در شبکه های اجتماعی