use of Barchart in with viewpager fragments

[philjay]

use of Barchart in with viewpager fragments

[PhilJay]

That's actually quite simple. When looking at your code, I see that you are mistaking a ListView for a ViewPager. While the demo-app displays BarCharts in a ListView, you want to use a ViewPager.

Here are the basics of what you need to do for using the chart in a ViewPager:

• Create a Fragment that can display a BarChart, therefore you need a Fragment class, e.g. BarChartFragment:

public class BarChartFragment extends Fragment {

BarChart mChart;
BarData mData;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {       
        View v=inflater.inflate(R.layout.barchart_fragment,
            container, false);

        mChart = (BarChart) v.findViewById(R.id.chart1);
        mChart.setData(mData);
        return v;
      }
}

public void setData(BarData bd) {
    mData = bd;
}

And a .xml file that will be used as the layout for your fragment:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.github.mikephil.charting.charts.BarChart
        android:id="@+id/chart1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

Inside your adaper, you can do it like this:

@Override
public Fragment getItem(int pos) {

     BarChartFragment f = null;    

     switch(pos) {
         case 0:
             f = new BarChartFragment();
             f.setData(yourData);
             break;

          case 1: // and so on
     }

     return f;
}

Thats about how it sould work.

Regards,
Phil

[dasbiswajit]

HI @PhilJay,
Thanks for your update. I have implemented it and it is working properly. After implementing I found the following observation-

1. Swipe left for the BarChart is not working. If I do a leftswipe on chart it is not swiping. Picture as attached.
2. **Is It possible to hide the grids as instructed?

Thanks in advance!!

[PhilJay]

The left swipe of the ViewPager is "disturbed" because of the chart lying on top.

If you dont need the chart to be touchable, set:

Chart.setTouchEnabled(false);

In that way swiping the ViewPager should work.

For hiding the grid, call

setDrawHorizontalGrid(false);
setDrawVerticalGrid(false);

[dasbiswajit]

Hi @PhilJay ,
I did it and it looks like below.

Since my screen is transparrent the chart should show with transparent background. SO that only Bars should be visable.
Is there any way to achieve this?
If I am giving
mChart.setBackgroundColor(Color.parseColor("#0D000000")); it is leaving a black border around the chart area. Else it is drawing white.

[iad24]

@PhilJay hi jay. great library btw. Just wondering if its a possible that user can scroll first the barchart. Then if theres nothing to scroll anymore, viewpager gets scrolled.