MPAndroidChart hide background grid

Question

I'm using MPAndroidChart - LineChart in my android application. I want to remove gridlines from the background . How can I remove gridlines from the background?

MPAndroidChart Line Chart Example

Library: MPAndroidChart on GitHub

EDIT: I created my own custom LineChart using this library. I want to remove bottom line. how can I do that too?

how you have removed values from nodes ? – Hitesh Sahu Jun 27 '16 at 17:07 — Hitesh Sahu, Jun 27 '16 at 17:07
@HiteshSahu use lineData.setDrawValues(false) – Anil P Babu Aug 31 '16 at 04:20 — Anil P Babu, Aug 31 '16 at 04:20

score 133 · Accepted Answer · edited Jul 07 '15 at 15:14

133

Use this:

mChart.getAxisLeft().setDrawGridLines(false);
mChart.getXAxis().setDrawGridLines(false);

Please note you may need right axis or both of them. It depends on axis you are actually using.

UPDATE: Is it axis line? If it is, then simply chart.getXAxis().setEnabled(false)

Also possible: chart.getAxisLeft().setDrawAxisLine(false)

edited Jul 07 '15 at 15:14

Philipp Jahoda

50,880
24
180
187

answered Jul 07 '15 at 08:21

MightySeal

2,293
2
17
32

1

@philipp-jahoda Do you know if we can change grid color to alternate between white and grey – NinjaCoder Jul 17 '15 at 19:11
1

@Philipp How to remove the horizontal axis – Tefa Oct 17 '17 at 00:50
1

Turn off the horizontal grid lines by using: mChart.getAxisRight().setDrawGridLines(false); – Simon Jan 07 '18 at 08:50
Is it possible to remove or keep some of the grids among all? – sadat Nov 21 '18 at 01:35

score 14 · Answer 2 · answered Apr 06 '18 at 11:23

14

Simply below three lines remove horizontal and vertical lines in the bar chart.

barChart.getAxisRight().setDrawGridLines(false);
barChart.getAxisLeft().setDrawGridLines(false);
barChart.getXAxis().setDrawGridLines(false);

answered Apr 06 '18 at 11:23

badarshahzad

1,227
16
25

3

how to remove barChart of outer line ? – Prince Dholakiya Jun 20 '18 at 06:53
@PrinceDholakiya use below code for remove outer line: barChart.getAxisRight().setDrawAxisLine(false); barChart.getAxisLeft().setDrawAxisLine(false); barChart.getXAxis().setDrawAxisLine(false); – Muhammed Haris Dec 29 '20 at 07:54

score 11 · Answer 3 · answered Jul 30 '18 at 11:27

Non of the above helped me to hide all axis lines. I just needed clean sheet with bars. Code below did the work:

    barChart.xAxis.isEnabled = false
    barChart.axisLeft.isEnabled = false
    barChart.axisRight.isEnabled = false

provided in kotlin, in java methods will look like that: setEnabled(false)

Nader MA · Answer 4 · 2020-07-14T12:31:15.487

Use this code to clear all lines with labels:

mChart.setTouchEnabled(true);
mChart.setClickable(false);
mChart.setDoubleTapToZoomEnabled(false);
mChart.setDoubleTapToZoomEnabled(false);

mChart.setDrawBorders(false);
mChart.setDrawGridBackground(false);

mChart.getDescription().setEnabled(false);
mChart.getLegend().setEnabled(false);

mChart.getAxisLeft().setDrawGridLines(false);
mChart.getAxisLeft().setDrawLabels(false);
mChart.getAxisLeft().setDrawAxisLine(false);

mChart.getXAxis().setDrawGridLines(false);
mChart.getXAxis().setDrawLabels(false);
mChart.getXAxis().setDrawAxisLine(false);

mChart.getAxisRight().setDrawGridLines(false);
mChart.getAxisRight().setDrawLabels(false);
mChart.getAxisRight().setDrawAxisLine(false);

and use this to remove value of all points:

LineDataSet set1;
set1.setDrawValues(false);

I was looking for all this. Nice one! :D – Diego Palomar Nov 10 '21 at 23:12 — Diego Palomar, Nov 10 '21 at 23:12

score 9 · Answer 5 · answered Aug 28 '18 at 08:36

9

Hide Background grid

    chart.getXAxis().setDrawGridLines(false);
    chart.getAxisLeft().setDrawGridLines(false);
    chart.getAxisRight().setDrawGridLines(false);

answered Aug 28 '18 at 08:36

Shaon

2,496
26
27

What about the line at the top? – Maf Jul 22 '20 at 10:30

score 0 · Answer 6 · answered May 29 '20 at 06:04

0

to remove borders from chart you can use setDrawBorder(boolean) property.

chart.setDrawBorders(false);

answered May 29 '20 at 06:04

Twinkle

37
11

score 0 · Answer 7 · answered Dec 29 '20 at 07:57

code for removing outer line:

barChart.getAxisRight().setDrawAxisLine(false); 

barChart.getAxisLeft().setDrawAxisLine(false); 

barChart.getXAxis().setDrawAxisLine(false);

code for removing gridline

barChart.getAxisRight().setDrawGridLines(false);

barChart.getAxisLeft().setDrawGridLines(false);

barChart.getXAxis().setDrawGridLines(false);

MPAndroidChart hide background grid

7 Answers7

Linked