Thanks for your great library!

We just found one major drawback. We like to draw a time series chart where the values are not equidistant. The x values where points are drawn must be at any position not just distributed equally by index. For example, the x axis represents the date and time (as in this blood pressure chart http://www.andreas-schreiber.net/activities/quantified-self/blood-pressure/).

This applies to line chart and scatter chart.

hi, i am using MPandroid chart in my app. i want to plot chart using values on y axis and date on x axis. I don't find any datetime axis in mp android chart. is there any way to plot x axis using date. i have values against date. i want to show the dates in (ddMMM-yy) format on x axis and the values on y axis. anyone can pass me the sample link for the same.

sample for data: Date(X axis) Value(Y axis) 01/01/2001 966.78 01/02/2001 666.78 01/03/2001 966.78 01/04/2001 966.78 01/05/2001 966.78 01/06/2001 966.78 01/07/2001 966.78

guide.

I am using bar chart and i am unable to display dynamic xaxis labels on the chart, so far i have been able to show only one label for all bars using value formatter, please can anyone show me how to do it. It is a good library but still not sufficient documentation for noobs. currently i am using this code:

XAxis xval = barChart.getXAxis();
        xval.setDrawLabels(true);
        xval.setValueFormatter(new AxisValueFormatter() {
            @Override
            public String getFormattedValue(float value, AxisBase axis) {
                return  "Label";
            }

            @Override
            public int getDecimalDigits() {
                return 0;
            }
        });

    xval.setPosition(XAxis.XAxisPosition.BOTTOM);
    xval.setDrawGridLines(false);

I'm using a ScatterChart with cca. 10k xVals, and about 200 Entries. When I zoom, all entries on the graph disappear except the ones on the far right. When I drag to the far right, they suddenly appear (regardless of the zoom amount).

I'm trying to import library like said in Usage section in my Android project. I'm currently using Gradle, ofc.

This is a piece of my build.gradle

[...]
repositories {
        maven { url 'http://repo1.maven.org/maven2' }
        maven { url 'https://jitpack.io' }
    }
}
dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.1.1'
    compile 'com.android.support:design:23.1.1'
    compile 'com.github.PhilJay:MPAndroidChart:v2.2.0'
}

and this is the error I got:

I'm not new to importing new dependencies to my project and I really need to say that this is the first time I can't include a new dependency in this way....

On the other side, including JAR library in lib folder does the trick.

in the first, I add an empty chart data ,then

java.lang.IndexOutOfBoundsException: Invalid index 0, size is 0
11-09 19:34:42.397 E/AndroidRuntime( 5201): 	at             java.util.ArrayList.throwIndexOutOfBoundsException(ArrayList.java:255)
11-09 19:34:42.397 E/AndroidRuntime( 5201): 	at java.util.ArrayList.get(ArrayList.java:308)
11-09 19:34:42.397 E/AndroidRuntime( 5201): 	at com.github.mikephil.charting.data.DataSet.getEntryForIndex(DataSet.java:286)
11-09 19:34:42.397 E/AndroidRuntime( 5201): 	at com.github.mikephil.charting.utils.Transformer.generateTransformedValuesLine(Transformer.java:184)
11-09 19:34:42.397 E/AndroidRuntime( 5201): 	at com.github.mikephil.charting.renderer.LineChartRenderer.drawValues(LineChartRenderer.java:545)
11-09 19:34:42.397 E/AndroidRuntime( 5201): 	at com.github.mikephil.charting.charts.BarLineChartBase.onDraw(BarLineChartBase.java:251)

I think it is because of you dont check size when you draw values

This is the data I pass along:

DataSet, label: Equities, entries: 22
Entry, x: 2.4622053E-4 y (sum): -2.5103273E-4 Entry, x: 1.4264166E-4 y (sum): 1.06562635E-4 Entry, x: 1.0069651E-4 y (sum): 2.2954303E-4 Entry, x: 3.3205854E-6 y (sum): 6.520928E-5 Entry, x: 2.1512537E-4 y (sum): -1.926993E-4 Entry, x: 1.4847405E-4 y (sum): -1.5883509E-4 Entry, x: 2.8459038E-4 y (sum): 1.1068245E-4 Entry, x: 1.3150444E-4 y (sum): 1.4332784E-4 Entry, x: 7.719888E-5 y (sum): 1.6962597E-4 Entry, x: 1.3707434E-4 y (sum): 1.7498349E-4 Entry, x: 2.5035875E-4 y (sum): 3.8239497E-4 Entry, x: 1.0254524E-4 y (sum): 1.468406E-4 Entry, x: 1.5425305E-4 y (sum): 4.278698E-5 Entry, x: 1.2035284E-4 y (sum): 3.2309844E-4 Entry, x: 8.58292E-5 y (sum): 4.6827746E-4 Entry, x: 8.473067E-5 y (sum): 4.3495893E-4 Entry, x: 3.0464705E-4 y (sum): -2.1406553E-4 Entry, x: 2.2885398E-4 y (sum): -1.1195301E-4 Entry, x: 1.5392534E-4 y (sum): 4.011409E-5 Entry, x: 2.240534E-4 y (sum): 1.1159029E-5 Entry, x: 2.7432045E-4 y (sum): -1.8261799E-5 Entry, x: 4.9744867E-5 y (sum): -1.1376083E-4 

And I get a NegativeArraySizeException:

java.lang.NegativeArraySizeException: -10
                                                                                        at com.github.mikephil.charting.utils.Transformer.generateTransformedValuesScatter(Transformer.java:110)
                                                                                        at com.github.mikephil.charting.renderer.ScatterChartRenderer.drawValues(ScatterChartRenderer.java:106)
                                                                                        at com.github.mikephil.charting.renderer.CombinedChartRenderer.drawValues(CombinedChartRenderer.java:95)
                                                                                        at com.github.mikephil.charting.charts.BarLineChartBase.onDraw(BarLineChartBase.java:272)
                                                                                        at android.view.View.draw(View.java:15231)

    public float[] generateTransformedValuesScatter(IScatterDataSet data, float phaseX,
                                                    float phaseY, int from, int to) {

        /// ------- interestingly i get a 17 for the from and an 11 for the to which is n fact negative.
        final int count = (int) ((to - from) * phaseX + 1) * 2;

        if(valuePointsForGenerateTransformedValuesScatter.length != count){
            valuePointsForGenerateTransformedValuesScatter = new float[count];
        }
        float[] valuePoints = valuePointsForGenerateTransformedValuesScatter;

        for (int j = 0; j < count; j += 2) {

            Entry e = data.getEntryForIndex(j / 2 + from);

            if (e != null) {
                valuePoints[j] = e.getX();
                valuePoints[j + 1] = e.getY() * phaseY;
            }else{
                valuePoints[j] = 0;
                valuePoints[j + 1] = 0;
            }
        }

        getValueToPixelMatrix().mapPoints(valuePoints);

        return valuePoints;
    }

I use the current/newest version from maven.

With last version 2.0.8 sometimes the chart is not filled. When I revert back to 2.0.7 it works again.

set1.setDrawFilled(true); set1.setFillColor(getResources().getColor(R.color.red_down)); mChart.setData(data) mChart.invalidate();

regards

Hey ,PhilJay. I want to develop an application with a chart functionality. So I found MPAndroidChart on github, I really like this project. But because I'm just starting out with github, so I do not know how to apply some of the features of this project to my application. I would be very appreciate if you could tell me the the way to apply it to my application！

I want to hide labels in some parts of pie chart when its value is 0, because I don't want to see these labels is stacked as picture bellow How do I fix it???

Hi, I've faced an ArrayIndexOutOfBoundsException under following conditions:

• AxisValueFormatter is applied to x axis, where formatted value is an item of a list;
• granularity is enabled for x axis;
• the data consists of only one value.

Here's the stacktrace:

java.lang.ArrayIndexOutOfBoundsException: length=12; index=-1
at java.util.ArrayList.get(ArrayList.java:310)
at com.example.asuprun.tempconverter.AnotherActivity$1.getFormattedValue(AnotherActivity.java:65)
at com.github.mikephil.charting.components.AxisBase.getFormattedLabel(AxisBase.java:451)
at com.github.mikephil.charting.components.AxisBase.getLongestLabel(AxisBase.java:437)
at com.github.mikephil.charting.renderer.XAxisRenderer.computeSize(XAxisRenderer.java:78)
at com.github.mikephil.charting.renderer.XAxisRenderer.computeAxisValues(XAxisRenderer.java:73)
at com.github.mikephil.charting.renderer.XAxisRenderer.computeAxis(XAxisRenderer.java:66)
at com.github.mikephil.charting.charts.BarLineChartBase.notifyDataSetChanged(BarLineChartBase.java:339)
at com.github.mikephil.charting.charts.Chart.setData(Chart.java:318)
at com.example.asuprun.tempconverter.AnotherActivity.plotData(AnotherActivity.java:88)
at com.example.asuprun.tempconverter.AnotherActivity.toggleData(AnotherActivity.java:98)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at android.support.v7.app.AppCompatViewInflater$DeclaredOnClickListener.onClick(AppCompatViewInflater.java:270)
at android.view.View.performClick(View.java:4780)
at android.view.View$PerformClick.run(View.java:19866)
at android.os.Handler.handleCallback(Handler.java:739)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:135)
at android.app.ActivityThread.main(ActivityThread.java:5254)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:903)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:698)

Simplified code:

public class AnotherActivity extends AppCompatActivity {
    private ViewGroup chartView;
    private Map<String, Integer> data;
    private BarChart chart;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.chart_layout);

        chartView = (ViewGroup) findViewById(R.id.chart_view);
        chart = new BarChart(this);
        data = new LinkedHashMap<>();
        data.put("6/15", 36);
        data.put("8/15", 23);
        chartView.addView(chart);
        plotData();
    }

    private void plotData() {
        chart.clear();
        final ArrayList<String> xVals = new ArrayList<>();
        ArrayList<BarEntry> yVals = new ArrayList<>();

        for (Map.Entry<String, Integer> entry : data.entrySet()) {
            yVals.add(new BarEntry(xVals.size(), entry.getValue()));
            xVals.add(entry.getKey());
        }

        XAxis xAxis = chart.getXAxis();
        xAxis.setDrawGridLines(false);
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        xAxis.setGranularityEnabled(true);
        xAxis.setValueFormatter(new AxisValueFormatter() {
                                    @Override
                                    public String getFormattedValue(float value, AxisBase axis) {
                                        try {
                                            return xVals.get((int) value);
                                        } catch (IndexOutOfBoundsException e) {
                                            e.printStackTrace();
                                            return "stub";
                                        }
                                    }

                                    @Override
                                    public int getDecimalDigits() {
                                        return 0;
                                    }
                                }
        );

        chart.getAxisRight().setEnabled(false);
        YAxis axisLeft = chart.getAxisLeft();
        axisLeft.setAxisMinValue(0f);
        axisLeft.setGranularityEnabled(true);
        axisLeft.setGranularity(1f);

        BarDataSet dataSet = new BarDataSet(yVals, "Data");
        BarData barData = new BarData(dataSet);
        barData.setBarWidth(0.7f);
        chart.setData(barData);
        chart.invalidate();
    }

    public void toggleData(View view) {
        if (data.size() > 1) {
            data.remove("8/15");
        } else {
            data.put("8/15", 23);
        }
        plotData();
    }
}

Scatter shape sizes were not converted from dp to pixels in the shape renderers so they were drawn at inconsistent size on different density screens.

PR Checklist:

• [x] I have tested this extensively and it does not break any existing behavior.
• [x] I have added/updated examples and tests for any new behavior.
• [x] If this is a significant change, an issue has already been created where the problem / solution was discussed: [issue link]

PR Description

Scatter shape size was treated as pixels instead of dp. This is a bug and leads to inconsistent appearance on different density screens. This is also inconsistent with other places (e.g. scatter hole size or line chart marker size) where values were properly treated as dp.

This change fixes the scatter shape renderers so they scale the user-specified size from dp to pixels before drawing the marker.

Using pixels in just one place is a bug. This may cause existing chart markers to change size - and users who were pre-scaling this one dimension by density manually will have to remove that.

Summary The value passed to setScatterShapeSize on ScatterDataSet is not converted from dp to pixels in the shape renderers (e.g. CircleShapeRenderer) so the value is treated as a size in pixels, not dp. The scatter shape hole size, however, is correctly converted from dp to pixels. This is present in all the scatter shape renderers.

Expected Behavior All sizes are in dp (as indicated in comments and documentation).

Possible Solution Convert value from dp to pixels in the scatter shape renderers. e.g. change

final float shapeSize = dataSet.getScatterShapeSize();

to

final float shapeSize = Utils.convertDpToPixel(dataSet.getScatterShapeSize());

in all the renderers.

Device (please complete the following information):

• Library Version 3.1.0

Additional Context I will submit a PR for this

STOP RIGHT THERE!

Issues are NOT for getting help, only for reporting bugs and feature requests.

Search open and closed issues to see if your question already has an answer. However, do not create a new issue.

Instead, do the following:

1. Download the Example App and check out the source code. 90% of the time there is an example that does exactly what you are trying to do.

2. Look at the Wiki for the official documentation for MPAndroidChart. You can also browse the javadoc for a more detailed tutorial of the API.

3. Go to StackOverflow and ask your questions there. The community will be much more helpful and willing to offer guidance.

You have been warned!

From now on, any issues asking for help will get closed with a link to this file.

Additional Context

ADD A REWARD using Speed to SOLVE this issue QUICKLY and SUPPORT this project.

* What went wrong:
9 actionable tasks: 9 executed
Execution failed for task ':mergeGoogleBetaNativeLibs'.
> Could not resolve all files for configuration ':googleBetaRuntimeClasspath'.
   > Could not resolve com.github.devnullorthrow:MPAndroidChart:3.2.0-alpha.
     Required by:
         project :
      > Could not resolve com.github.devnullorthrow:MPAndroidChart:3.2.0-alpha.
         > Could not get resource 'https://www.jitpack.io/com/github/devnullorthrow/MPAndroidChart/3.2.0-alpha/MPAndroidChart-3.2.0-alpha.pom'.
            > Could not GET 'https://www.jitpack.io/com/github/devnullorthrow/MPAndroidChart/3.2.0-alpha/MPAndroidChart-3.2.0-alpha.pom'. Received status code 521 from server: 

Please relocate to another hosting...

I made a pie chart using MP Chart. The values are inside of the pie pieces, but I want to have lines pointing to each piece of the pie indicating the value. Here is the code that I used to build my pie chart.

The issue I'm having is that there isn't a ton of stuff online about MP Chart and a lot of the stuff that is online is in Java. My code is in Kotlin. Trying to find something in Kotlin. Beginner to developing.

Image of my current Pie Chart What I want my pie chart to look like

//***Start Pie Chart Code***//
    val pieChart = binding.pieChart
    // on below line we are setting user percent value,
    // setting description as enabled and offset for pie chart
    pieChart.setUsePercentValues(false)
    pieChart.getDescription().setEnabled(false)
    pieChart.setExtraOffsets(5f, 10f, 5f, 5f)
    // on below line we are setting drag for our pie chart
    pieChart.setDragDecelerationFrictionCoef(0.95f)
    // on below line we are setting hole
    // and hole color for pie chart
    pieChart.setDrawHoleEnabled(true)
    pieChart.setHoleColor(Color.WHITE)
    // on below line we are setting circle color and alpha
    pieChart.setTransparentCircleColor(Color.WHITE)
    pieChart.setTransparentCircleAlpha(110)
    // on  below line we are setting hole radius
    pieChart.setHoleRadius(20f)
    pieChart.setTransparentCircleRadius(5f)
    // on below line we are setting center text
    pieChart.setDrawCenterText(true)
    // on below line we are setting
    // rotation for our pie chart
    pieChart.setRotationAngle(0f)
    // enable rotation of the pieChart by touch
    pieChart.setRotationEnabled(true)
    pieChart.setHighlightPerTapEnabled(true)
    // on below line we are setting animation for our pie chart
    pieChart.animateY(1400, Easing.EaseInOutQuad)
    // on below line we are disabling our legend for pie chart
    pieChart.legend.isEnabled = false
    pieChart.setEntryLabelColor(Color.WHITE)
    pieChart.setEntryLabelTextSize(12f)

    // on below line we are creating array list and
    // adding data to it to display in pie chart
    val entries: ArrayList<PieEntry> = ArrayList()

    entries.add(PieEntry(proteinFloat,"g"))
    entries.add(PieEntry(carbFloat,"g"))
    entries.add(PieEntry(fatFloat,"g"))

    // on below line we are setting pie data set
    val dataSet = PieDataSet(entries, "Mobile OS")

    // on below line we are setting icons.
    dataSet.setDrawIcons(false)

    // on below line we are setting slice for pie
    dataSet.sliceSpace = 3f
    dataSet.iconsOffset = MPPointF(0f, 40f)
    dataSet.selectionShift = 5f

    // add a lot of colors to list
    val colors: ArrayList<Int> = ArrayList()
    colors.add(resources.getColor(R.color.purple_200))
    colors.add(resources.getColor(R.color.blue))
    colors.add(resources.getColor(R.color.red))

    // on below line we are setting colors.
    dataSet.colors = colors

    // on below line we are setting pie data set
    val data = PieData(dataSet)
    data.setValueFormatter(PercentFormatter())
    data.setValueTextSize(15f)
    data.setValueTypeface(Typeface.DEFAULT_BOLD)
    data.setValueTextColor(Color.WHITE)
    pieChart.setData(data)

    // undo all highlights
    pieChart.highlightValues(null)

    // loading chart
    pieChart.invalidate()
    //***End Pie Chart Code***//