How to modify the bar width in MPAndroidChart BarChart?

Question

I would like modify the size of bar present in bar chart. Could you let us know where to check for modify size of bar in bar chart in mp android chart

i found out by increasing set1.setBarSpacePercent(75f);It worked — Rakesh, Mar 24 '15 at 10:28
Please post as answer and also describe what is set1 as it hard to guess which class instance it is:) — Nitish, Jul 31 '15 at 11:04
From where i can download mpandroidchart library-3.0-1.jar or mpandroidchart library-3.0-0.jar ?? — KJEjava48, Dec 10 '16 at 10:27

score 38 · Accepted Answer · edited Aug 14 '16 at 20:46

38

You can reduce the spacing between the bars that will automatically increase the width of bars.

BarDataSet set = new BarDataSet(vals, "Set A");
set.setBarSpacePercent(50f);

UPDATE v3.0.0:

As of this library version, you can control the bar width with the following method:

BarData barData = new BarData(...);
barData.setBarWidth(1f);

The number you provide for this method represents a certain interval on the x-axis. If your total axis has a range of e.g. 10k, and you set the bar width to 1000, the bar will cover 10% of the total x-axis range.

edited Aug 14 '16 at 20:46

Philipp Jahoda

50,880
24
180
187

answered Aug 05 '15 at 11:05

abhi

1,412
19
25

2

This does not work for higher number of bar data sets. – user484691 Apr 15 '16 at 17:36
True.. if you want to fit more bars in the chart their size will reduce. – abhi Apr 15 '16 at 17:38
5

This is no longer existing API in newer versions of MPAndroidchart. – lschuetze Aug 08 '16 at 11:54
@abhinav From where i can download mpandroidchart library-3.0-1.jar or mpandroidchart library-3.0-0.jar ?? – KJEjava48 Dec 10 '16 at 09:00
@Philipp Jahoda From where i can download mpandroidchart library-3.0-1.jar or mpandroidchart library-3.0-0.jar ?? – KJEjava48 Dec 10 '16 at 09:01
@KJEjava48 Check the releases here: https://github.com/PhilJay/MPAndroidChart/releases – abhi Dec 11 '16 at 12:46

score 14 · Answer 2 · answered Aug 12 '16 at 17:47

14

As for the latest version of the library BarDataSet does not have this function any longer, its in BarData class.

BarData data = new BarData(dataset);
data.setBarWidth(0.5f);

answered Aug 12 '16 at 17:47

ZainNazirButt

377
5
13

score 2 · Answer 3 · answered Dec 11 '19 at 00:07

2

Kotlin:

barChartView.data = BarData(dataSetList).apply { 
    barWidth = 0.5f
}

To fit data in graph (No scroll behavior)

barChartView.xAxis.axisMaximum = dataList.size
barChartView.setVisibleXRange(1f,xAxisLabels.size.toFloat())

answered Dec 11 '19 at 00:07

Amir Raza

2,320
1
23
32

score 0 · Answer 4 · edited Jun 24 '16 at 13:13

This applies to MPAndroidChart API. To reduce the Bar width you have to increase space between bars (as mentioned Rakesh). The value 50F should be good for mobile display but you can increase/decrease it to suit your device screen.

Sample code as requested by one user :

    BarDataSet barDataSet = new BarDataSet(group1, "X");
    barDataSet.setColors(ColorTemplate.COLORFUL_COLORS);
    barDataSet.setBarSpacePercent(50f);

The API imports are-

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

score 0 · Answer 5 · answered May 26 '22 at 06:49

0

data.barWidth = 0.5f

it means barWidth/(barWidth + blankWith) = 0.5f

answered May 26 '22 at 06:49

Rickon Gao

116
6

How to modify the bar width in MPAndroidChart BarChart?

5 Answers5