示例图
1.添加依赖
allprojects { repositories { maven { url 'https://jitpack.io' } } } implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3'
2.布局文件
<com.github.mikephil.charting.charts.LineChart android:id="@+id/lineChart" android:layout_width="match_parent" android:layout_gravity="center_horizontal" android:layout_height="280dp"/>
3.新建drawable ,命名fade_red.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:angle="90" android:startColor="#26cc86ff" android:endColor="#40cc86ff" /> </shape>
4.使用
private fun initLineChart() { lineChart.description.isEnabled = false //lineChart是布局里面的id // 可以分别在x,y轴缩放 lineChart.isScaleXEnabled = false lineChart.isScaleYEnabled = false lineChart.setPinchZoom(false) //是否双指缩放 val xAxis = lineChart.xAxis xAxis.enableGridDashedLine(10f, 10f, 0f) xAxis.position = XAxis.XAxisPosition.BOTTOM xAxis.setDrawGridLines(false) //x轴不要表格 val yAxis = lineChart.axisLeft yAxis.axisMaximum = 10f //y轴最大值 ，这里关系到y轴直接显示的数据 yAxis.axisMinimum = 0f //y轴最小值 yAxis.setDrawGridLines(true) //y轴不要表格 yAxis.enableGridDashedLine(10f, 10f, 0f) yAxis.setDrawZeroLine(false) lineChart.axisRight.isEnabled = false lineChart.animateX(2500) val l = lineChart.legend //设置l.isEnabled = false 可以去掉底部的说明文字 l.form = Legend.LegendForm.LINE val xdata = ArrayList<String>() xdata.add(0, "周一") xdata.add(1, "周二") xdata.add(2, "周三") xdata.add(3, "周四") xdata.add(4, "周五") val ydata = ArrayList<String>() ydata.add(0, "很差") ydata.add(1, "1") ydata.add(2, "不佳") ydata.add(3, "3") ydata.add(4, "平平") ydata.add(5, "5") ydata.add(6, "还行") ydata.add(7, "7") ydata.add(8, "不错") ydata.add(9, "9") ydata.add(10, "极佳") xAxis.valueFormatter = object : IAxisValueFormatter { val decimalDigits: Int get() = 0 override fun getFormattedValue(value: Float, axis: AxisBase): String { return String.format(xdata.get(value.toInt())) } } yAxis.valueFormatter = object : IAxisValueFormatter { override fun getFormattedValue(value: Float, axis: AxisBase?): String { return String.format(ydata.get(value.toInt())) } } setData(7, 100f) } private fun setData(count: Int, range: Float) { val values = ArrayList<Entry>() /** * 设置折线数据 */ values.add(Entry(0f, 0f)) values.add(Entry(1f, 2f)) values.add(Entry(2f, 0f)) values.add(Entry(3f, 3f)) values.add(Entry(4f, 5f)) val set1: LineDataSet //lineChart是布局里面的id if (lineChart.data != null && lineChart.data.dataSetCount > 0) { set1 = lineChart.data.getDataSetByIndex(0) as LineDataSet set1.values = values lineChart.data.notifyDataChanged() lineChart.notifyDataSetChanged() } else { set1 = LineDataSet(values, "") set1.setDrawCircles(false) set1.mode = LineDataSet.Mode.HORIZONTAL_BEZIER//设置为曲线而不是折线 set1.color = resources.getColor(R.color.linechartColor) set1.lineWidth = 3f set1.setDrawFilled(true) //曲线下面填充颜色 if (android.os.Build.VERSION.SDK_INT >= 18) { val drawable = ContextCompat.getDrawable(mActivity, R.drawable.fade_red) set1.fillDrawable = drawable } else { set1.fillColor = Color.BLACK; } val dataSets = ArrayList<ILineDataSet>() dataSets.add(set1) val data = LineData(dataSets) data.setDrawValues(false) lineChart.data = data } }
