How to set String value of xAxis in MPAndroidChart?

Question

I want to make Line Chart Graph, but i have problem to show value string in xAxis, im used Library Github from MPAndroidChart to LineChart. Please help me how to add String Value and actually to much question i want ask

private void drawLineChartLine(){

        private float[] yDataL = {40, 60, 70, 80};
        private String[] xDataL = {"Week 1", "Week 1" , "Week 3" , "Week 4"};


        ArrayList<Entry> yEntrys = new ArrayList<>();

        final ArrayList<String> xEntrys = new ArrayList<>();

        for(int i = 0; i < yDataL.length; i++){
            yEntrys.add(new Entry(yDataL[i] ,i));
        }

        for(int i = 1; i < xDataL.length; i++){
            xEntrys.add(xDataL[i]);
        }

        //create the data set
        LineDataSet lineDataset = new LineDataSet(yEntrys, "assa");

        XAxis xAxis = lineChart.getXAxis();
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        xAxis.setDrawGridLines(false);


        xAxis.setValueFormatter(new IAxisValueFormatter() {
            @Override
            public String getFormattedValue(float value, AxisBase axis) {
                return xEntrys.get((int) value);
            }
        });

        LineData lineData = new LineData(lineDataset);
        lineChart.setData(lineData);
        lineChart.invalidate();
}

i got error

Invalid index 40, size is 6

in Code

xAxis.setValueFormatter(new IAxisValueFormatter() {
            @Override
            public String getFormattedValue(float value, AxisBase axis) {
                return xEntrys.get((int) value);
            }
        });

Anshul1507 · Answer 1 · 2022-02-14T13:14:42.303

According to the new update v3.1.0 IAxisValueFormatter method is deprecated.

So with the use of com.github.mikephil.charting.formatter.IndexAxisValueFormatter we can show month list in x-Axis

private List<Entry> getIncomeEntries() {
    ArrayList<Entry> incomeEntries = new ArrayList<>();

    incomeEntries.add(new Entry(1, 11300));
    incomeEntries.add(new Entry(2, 1390));
    incomeEntries.add(new Entry(3, 1190));
    incomeEntries.add(new Entry(4, 7200));
    incomeEntries.add(new Entry(5, 4790));
    incomeEntries.add(new Entry(6, 4500));
    incomeEntries.add(new Entry(7, 8000));
    incomeEntries.add(new Entry(8, 7034));
    incomeEntries.add(new Entry(9, 4307));
    incomeEntries.add(new Entry(10, 8762));
    incomeEntries.add(new Entry(11, 4355));
    incomeEntries.add(new Entry(12, 6000));

  return incomeEntries.subList(0, 12);
}

In Oncreate method

ArrayList<ILineDataSet> dataSets = new ArrayList<>();
List<String> xAxisValues = new ArrayList<>(Arrays.asList("Jan", "Feb", "March", "April", "May", "June","July", "August", "September", "October", "November", "Decemeber"));
List<Entry> incomeEntries = getIncomeEntries();
dataSets = new ArrayList<>();
LineDataSet set1;

set1 = new LineDataSet(incomeEntries, "Income");
set1.setColor(Color.rgb(65, 168, 121));
set1.setValueTextColor(Color.rgb(55, 70, 73));
set1.setValueTextSize(10f);
set1.setMode(LineDataSet.Mode.CUBIC_BEZIER);
dataSets.add(set1);

//customization
LineChart mLineGraph = findByViewId(R.id.line_chart);
mLineGraph.setTouchEnabled(true);
mLineGraph.setDragEnabled(true);
mLineGraph.setScaleEnabled(false);
mLineGraph.setPinchZoom(false);
mLineGraph.setDrawGridBackground(false);
mLineGraph.setExtraLeftOffset(15);
mLineGraph.setExtraRightOffset(15);
//to hide background lines
mLineGraph.getXAxis().setDrawGridLines(false);
mLineGraph.getAxisLeft().setDrawGridLines(false);
mLineGraph.getAxisRight().setDrawGridLines(false);

//to hide right Y and top X border
YAxis rightYAxis = mLineGraph.getAxisRight();
rightYAxis.setEnabled(false);
YAxis leftYAxis = mLineGraph.getAxisLeft();
leftYAxis.setEnabled(false);
XAxis topXAxis = mLineGraph.getXAxis();
topXAxis.setEnabled(false);


XAxis xAxis = mLineGraph.getXAxis();
xAxis.setGranularity(1f);
xAxis.setCenterAxisLabels(true);
xAxis.setEnabled(true);
xAxis.setDrawGridLines(false);
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);

set1.setLineWidth(4f);
set1.setCircleRadius(3f);
set1.setDrawValues(false);
set1.setCircleHoleColor(getResources().getColor(R.color.pie_color_4));
set1.setCircleColor(getResources().getColor(R.color.pie_color_4));

//String setter in x-Axis
mLineGraph.getXAxis().setValueFormatter(new com.github.mikephil.charting.formatter.IndexAxisValueFormatter(xAxisValues));

LineData data = new LineData(dataSets);
mLineGraph.setData(data);
mLineGraph.animateX(2000);
mLineGraph.invalidate();
mLineGraph.getLegend().setEnabled(false);
mLineGraph.getDescription().setEnabled(false);

I had for problem for why can't setValue formatter binding.lineChart.getAxisLeft().setValueFormatter(new IndexAxisValueFormatter(xAxisValues)); — Htut, Aug 18 '22 at 11:06

score 11 · Answer 2 · answered Feb 19 '19 at 09:49

public class IndexAxisValueFormatter extends ValueFormatter
{
    private String[] mValues = new String[] {};
private int mValueCount = 0;

/**
 * An empty constructor.
 * Use `setValues` to set the axis labels.
 */
public IndexAxisValueFormatter() {
}

/**
 * Constructor that specifies axis labels.
 *
 * @param values The values string array
 */
public IndexAxisValueFormatter(String[] values) {
    if (values != null)
        setValues(values);
}

/**
 * Constructor that specifies axis labels.
 *
 * @param values The values string array
 */
public IndexAxisValueFormatter(Collection<String> values) {
    if (values != null)
        setValues(values.toArray(new String[values.size()]));
}

@Override
public String getFormattedValue(float value, AxisBase axisBase) {
    int index = Math.round(value);

    if (index < 0 || index >= mValueCount || index != (int)value)
        return "";

    return mValues[index];
}

public String[] getValues()
{
    return mValues;
}

public void setValues(String[] values)
{
    if (values == null)
        values = new String[] {};

    this.mValues = values;
    this.mValueCount = values.length;
}
}

Add the below code in the method where you are trying to display Bar Chart.

final String[] weekdays = {"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"}; // Your List / array with String Values For X-axis Labels

// Set the value formatter 
XAxis xAxis = chart.getXAxis();
xAxis.setValueFormatter(new IndexAxisValueFormatter(weekdays));

It Solved! Happy Coding.

@JohnJoe Glad to help you, Happy coding! – Arjun G May 13 '19 at 14:36 — Arjun G, May 13 '19 at 14:36

score 6 · Answer 3 · answered Feb 25 '19 at 08:12

Here the easy method to dynamic string label (XAxis),

XAxis xAxis = lineChart.getXAxis();
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
xAxis.setDrawGridLines(false);
xAxis.setValueFormatter(new IndexAxisValueFormatter(getAreaCount));

public ArrayList<String> getAreaCount() {

            ArrayList<String> label = new ArrayList<>();
            for (int i = 0; i < areaList.size(); i++)
                label.add(areaList.get(i).getTopicName());
            return label;
        }

score 4 · Answer 4 · answered Nov 04 '20 at 19:58

In version 3.1.0 you have to override getAxisLabel(), the deprecated method getFormattedValue(float, AxisBase) is never called. Kotlin example:

class MyFormatter : ValueFormatter() {

    override fun getAxisLabel(value: Float, axis: AxisBase): String {
        return "ABC"
    }
}

score 3 · Answer 5 · answered Jun 21 '18 at 13:25

Simple implentation

            XAxis xAxis = mChart.getXAxis();
            xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
            xAxis.setDrawGridLines(true);
            xAxis.setGranularity(1f);
            xAxis.setGranularityEnabled(true);
            final String xVal[]={"Val1","Val2","Val3"};
            xAxis.setValueFormatter(new IAxisValueFormatter() {
                @Override
                public String getFormattedValue(float value, AxisBase axis) {
                    return xVal[(int) value-1]; // xVal is a string array
                }

            });

score 2 · Answer 6 · answered Aug 04 '17 at 08:27

You're accessing ArrayList index that is way out of bounds, because you are trying to use value as an index. You need to find index of value to return it.

xAxis.setValueFormatter(new IAxisValueFormatter() {
    @Override
    public String getFormattedValue(float value, AxisBase axis) {
       for (int i = 0 ; i < yEntrys.size(); ++i) {
           if (yEntrys.get(i).equals(value)) {
               return xEntrys.get(i);
           }
       }
       return null;
    }
});

score 0 · Answer 7 · answered May 29 '19 at 21:20

The methods mentioned aboves seems to be deprecated.

 xAxis.setValueFormatter(new ValueFormatter() {
            @Override
            public String getFormattedValue(float value) {
               // return the string va
                return  your_string_basedon_value_as_index;
            }
        });

score 0 · Answer 8 · answered Mar 05 '20 at 11:36

0

chart.xAxis.valueFormatter = IndexAxisValueFormatter(list_of_labels)

answered Mar 05 '20 at 11:36

jagadishlakkurcom jagadishlakk

531
6
7

3

some verbal explanation of why this will help? – con Mar 05 '20 at 20:31

Delark · Answer 9 · 2021-12-26T03:35:22.807

I had this exact problem and I will try to explain why this is not a "problem" to begin with.

My original answer is here: https://github.com/PhilJay/MPAndroidChart/issues/2693#issuecomment-991307401

The problem is a misunderstanding of what the (graph)Line Chart is doing in this particular scenario.

The issue is that with previous instances of the chart, especially types of charts in which NO X VALUES are inserted into the graph, the expected behavior of the x-axis format, is to place an X tooltip exactly below the place where the point/bar/segment is placed.

Because the formatted value is strictly defined by the point/bar/segment immediately above(or bellow depending on were you choose to), the method will give you a float that (can) should be used as index.

This behavior changes completely when you provide an x float value.

Now the Data (maybe a String you provided) CANNOT BE RETRIVED WITH ANY INDEX, and will only serve as a bubble for your point tooltip (if you choose to touch it). End of the story.

The X axis on the other hand, will show tooltips at random points (not really random, as they can be somewhat defined by some inputs) that WILL NOT MATCH the points delivered to the graph BUT will remain on its scale non the less. This means that the float values delivered by the method will NOT BE INDICES SINCE THEY ARE NOT SUPPOSED TO MATCH those of the collection of entries provided, and if they somehow do, it would be a complete coincidence.

This means that you must know BEFOREHAND:

What your X axis margins will be MAX(where it ends) and MIN(where it starts)
How exactly ANY of the points within those margins you set, will get parsed on to a String.

After a proper function has been fore-(seen/saw), it is up to the getFormattedValue() function to deliver any formatted float it may deem proper that is within the range you first defined, (this decision will depend of course on some other values set by the user).

score 0 · Answer 10 · answered Feb 10 '22 at 03:21

0

//修改X轴内容成字符日期 xAxis.setValueFormatter(new IndexAxisValueFormatter(date));

answered Feb 10 '22 at 03:21

冷暖自知

1

Due to most users use English to ask and answer questions. I think you should use English, not Chinese here. – Anh Nhat Tran Feb 10 '22 at 08:09

How to set String value of xAxis in MPAndroidChart?

10 Answers10

Linked