MPAndroidChart线图,线之间切入

时间:2018-01-02 11:46:08

标签: android mpandroidchart

enter image description here我已经实施了折线图,它运作正常。但对于某些值,线条不可见或切割。我附上了截图。 对于诸如[Entry, x: 0.0 y: 0.0, Entry, x: 1.0 y: 0.0, Entry, x: 2.0 y: 0.0, Entry, x: 3.0 y: 0.0, Entry, x: 4.0 y: 1.0, Entry, x: 5.0 y: 2.0, Entry, x: 6.0 y: 3.0]之类的价值,这是图书馆的问题吗?正如我所观察到的,当值从0变为某个更大的值或从更大的值变为0时,线被切断。

LineChart lineChart = (LineChart) findViewById(R.id.chart);
lineChart.setDrawBorders(true);
lineChart.getDescription().setEnabled(false);
lineChart.fitScreen();
lineChart.setPadding(0,0,0,0);
lineChart.getLegend().setEnabled(false);
lineChart.setDoubleTapToZoomEnabled(false);

lineChart.getAxisLeft().setEnabled(false);
lineChart.getAxisRight().setEnabled(true);
lineChart.getAxisLeft().setStartAtZero(true);

lineChart.getAxisRight().setDrawAxisLine(true);
lineChart.getAxisRight().setDrawLabels(true);
lineChart.getAxisRight().setDrawGridLines(false);

lineChart.getXAxis().setEnabled(true);
lineChart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM);

lineChart.getXAxis().setDrawAxisLine(true);
lineChart.getXAxis().setDrawGridLines(true);
lineChart.setScaleMinima(3f, 0f);
lineChart.setBackgroundColor(Color.TRANSPARENT); //set whatever color you prefer
lineChart.setDrawGridBackground(false);
lineChart.setTouchEnabled(true);
lineChart.setDragEnabled(true);
lineChart.setScaleEnabled(true);
lineChart.setPinchZoom(false);
Legend l = lineChart.getLegend();
l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
l.setOrientation(Legend.LegendOrientation.HORIZONTAL);
l.setDrawInside(true);
ArrayList<ILineDataSet> dataSets = new ArrayList<ILineDataSet>();

ArrayList<Entry> values = new ArrayList<Entry>();
values.add(new Entry(Float.parseFloat("1"), 5));
values.add(new Entry(Float.parseFloat("2"), 2));
values.add(new Entry(Float.parseFloat("3"), 6));
values.add(new Entry(Float.parseFloat("4"), 8));
values.add(new Entry(Float.parseFloat("5"), 2));

LineDataSet d = new LineDataSet(values, "Actual kWh");
    d.setMode(LineDataSet.Mode.CUBIC_BEZIER);
    d.setLineWidth(1.5f);
    d.setCircleRadius(3f);
    d.setCircleColorHole(Color.BLACK);
    d.setValueTextSize(0f);
    d.setCircleColor(ContextCompat.getColor(mContext,R.color.blue_line));
    d.setColor(ContextCompat.getColor(mContext,R.color.blue_line));
    d.setDrawFilled(true);
    d.setFillDrawable(ContextCompat.getDrawable(mContext, R.drawable.graph_fill));
    dataSets.add(d);
LineData data = new LineData(dataSets);
lineChart.setData(data);
lineChart.invalidate();

4 个答案:

答案 0 :(得分:1)

我认为您的问题与d.setMode(LineDataSet.Mode.CUBIC_BEZIER);有关。 负值由图形切割,Bezier插值创建的曲线在T和W之间几乎没有负值。

请尝试使用其他模式(如线性d.setMode(LineDataSet.Mode.LINEAR);)或接受否定值(删除lineChart.getAxisLeft().setStartAtZero(true);)。

<强>更新

使用模式LineDataSet.Mode.HORIZONTAL_BEZIER,您可以获得所需的行为。

答案 1 :(得分:0)

您需要执行以下操作:

 lineChart.getAxisLeft().setStartAtZero(false);
 lineChart.getAxisLeft().setAxisMinValue("yourFloatValue");

您的浮点值应小于图表的最小值。由于Cubic bezier行为,以图表显示曲线的方式进行调整。

答案 2 :(得分:0)

它对我有用:chartView.axisLeft.axisMinimum = -0.01f

答案 3 :(得分:0)

您可以设置:

lineChart.axisLeft.axisMinimum = -0.01f
lineChart.axisLeft.valueFormatter = object : ValueFormatter() {
    override fun getFormattedValue(value: Float): String {
        return ceil(value.toDouble()).toInt().toString()
    }
}