我已经实施了折线图,它运作正常。但对于某些值,线条不可见或切割。我附上了截图。
对于诸如[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();
答案 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()
}
}