Android MPChart issue with X and Y axis printing

问题

I am using MPChart for drawing line graph.

Below is the code I used to draw the chart. The graph works fine. The only problem I have is I need to have the x and y axis printed (i.e) L shape on the left and bottom of the graph. I want the X values (thats passed to LineData) to be printed at the bottom of the graph (x-axis) and I want to set minimum and maximum value for the y-axis and the graph should be adjusted based on this min and max value.

If I uncomment Line 1 part and pass true / remove Line 1 part. The graph becomes malformed. Someone please help me out.

Thanks

heartXVals is the ArrayList containing dates of the corresponding heart rate values in heartYVals Entry data.

heartDataSet = LineDataSet(heartYVals,"")

        heartDataSet!!.setLineWidth(1.75f)
        heartDataSet!!.setCircleSize(3f);
        heartDataSet!!.setColor(Color.WHITE);
        heartDataSet!!.setCircleColor(Color.WHITE);
        heartDataSet!!.setHighLightColor(Color.WHITE);
        heartDataSet!!.setDrawValues(false);

        val dataSets:ArrayList<LineDataSet> = ArrayList();
        dataSets.add(heartDataSet!!);

        val data:LineData = LineData(heartXVals,dataSets)

        val lineChart:LineChart = view.findViewById(R.id.heartChart) as LineChart

        lineChart.setDescription("")
        lineChart.setNoDataTextDescription("You need to provide data for the chart.")
        lineChart.setDrawGridBackground(false)
        lineChart.setTouchEnabled(false)
        lineChart.setDragEnabled(false)
        lineChart.setScaleEnabled(true)

        // if disabled, scaling can be done on x- and y-axis separately
        lineChart.setPinchZoom(false)

        //lineChart.setBackgroundColor(color)

        // set custom chart offsets (automatic offset calculation is hereby disabled)
        lineChart.setViewPortOffsets(10f, 0f, 10f, 0f)


        // add data
        lineChart.setData(data)

        // get the legend (only possible after setting data)
        val l = lineChart.getLegend()
        l.setEnabled(false)

        lineChart.getAxisLeft().setEnabled(false) -- Line 2

      /*  val leftAxis:YAxis = lineChart.getAxisLeft(); ---Line 1
        leftAxis.removeAllLimitLines()
        leftAxis.setAxisMaxValue(220f);
        leftAxis.setAxisMinValue(40f);
        leftAxis.setStartAtZero(false);
        leftAxis.enableGridDashedLine(0f, 0f, 0f);*/


        lineChart.getAxisRight().setEnabled(false)

        lineChart.getXAxis().setEnabled(false)
        //lineChart.getY.setEnabled(true)

        // animate calls invalidate()...
        lineChart.animateX(2500)

        lineChart.invalidate()

回答1:

// - X Axis
XAxis xAxis = mChart.getXAxis();
xAxis.setTypeface(tf);
xAxis.setTextSize(12f);
xAxis.setPosition(XAxisPosition.BOTTOM);
xAxis.setTextColor(ColorTemplate.getHoloBlue());
xAxis.setEnabled(true);
xAxis.disableGridDashedLine();
xAxis.setSpaceBetweenLabels(5);
xAxis.setDrawGridLines(false);
xAxis.setAvoidFirstLastClipping(true);

// - Y Axis
YAxis leftAxis = mChart.getAxisLeft();
leftAxis.removeAllLimitLines();
leftAxis.setTypeface(tf);
leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);
leftAxis.setTextColor(ColorTemplate.getHoloBlue());
leftAxis.setAxisMaxValue(1000f);
leftAxis.setAxisMinValue(0f); // to set minimum yAxis
leftAxis.setStartAtZero(false);
leftAxis.enableGridDashedLine(10f, 10f, 0f);
leftAxis.setDrawLimitLinesBehindData(true);
leftAxis.setDrawGridLines(true);
mChart.getAxisRight().setEnabled(false);


//-----------------
xAxis.setPosition(XAxisPosition.BOTTOM); --- x Axis 
leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART); --- x Axis

回答2:

Add below lines

    XAxis xAxis = lineChart.getXAxis();
    xAxis.setPosition(XAxis.XAxisPosition.BOTTOM); // to set xAxis in Bottom

    YAxis leftAxis = lineChart.getAxisLeft();
    leftAxis.removeAllLimitLines();
    leftAxis.setAxisMaxValue(220f); // to set maximum yAxis 
    leftAxis.setAxisMinValue(0f); // to set minimum yAxis
    leftAxis.setStartAtZero(false);
    leftAxis.enableGridDashedLine(10f, 10f, 0f);

    leftAxis.setDrawLimitLinesBehindData(true);

    lineChart.getAxisRight().setEnabled(false);

    lineChart.animateX(2500, Easing.EasingOption.EaseInOutQuart);

来源：https://stackoverflow.com/questions/32645472/android-mpchart-issue-with-x-and-y-axis-printing