Android MPAndroidChart --折线图_android 折线图

主要使用的三方为：MPAndroidChart

1.使用方法：引入依赖或者导入module

repositories {

maven { url "https://jitpack.io" }

}

implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'

2.在布局中定义

<com.github.mikephil.charting.charts.LineChart

android:id="@+id/lineChart"

android:layout_width="match_parent"

android:layout_height="400dp"

/>

3.折线图主要由六部分组成

• 标题(Description)

• 标记(marker)

• 图例(Legend)

• X轴(XAxis)

• Y轴(YAxis)

• 数据源(LineData)
  

4.最基础的使用方式

 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_linechart);
 
        lineChart = findViewById(R.id.lineChart);
 
        // 背景颜色
        lineChart.setBackgroundColor(Color.WHITE);
 
        // 禁用描述文本
        lineChart.getDescription().setEnabled(true);
 
        // 启用触摸手势
        lineChart.setTouchEnabled(true);
 
        // 设置监听器
        lineChart.setOnChartValueSelectedListener(this);
        lineChart.setDrawGridBackground(false);
 
        // 启用拖动
        lineChart.setDragEnabled(true);
        // 启用缩放
        lineChart.setScaleEnabled(true);
        // lineChart.setScaleXEnabled(true);
        // lineChart.setScaleYEnabled(true);
 
        // 沿两个轴缩放
        lineChart.setPinchZoom(true);
        // 动画
        lineChart.animateXY(2000,2000);
 
 
        setData();
        setMarker();
    }
    //加载数据
    public void setData(){
        float datas[] = {14f,15f,16f,17f,16f,16f};
        //在MPAndroidChart一般都是通过List<Entry>对象来装数据的
        List<Entry> entries = new ArrayList<Entry>();
        //循环取出数据
        for(int i = 0; i < datas.length; i++){
            entries.add(new Entry(i,datas[i]));
        }
        //一个LineDataSet对象就是一条曲线
        LineDataSet lineDataSet = new LineDataSet(entries,"第一条数据");
        //LineData才是正真给LineChart的数据
        LineData lineData = new LineData(lineDataSet);
        lineChart.setData(lineData);
    }

4.1标题(Description)设置

4.2图例(Legend)设置

4.3 X轴(XAxis)设置

用法：先把对象获取到，然后再去设置属性

XAxis xAxis = lc.getXAxis();
xAxis.setTextSize(14f);//设置文本大小

4.4 Y轴(YAxis)设置

基本和X轴一致（没有setLabelRotationAngle() 旋转角度）

4.5 数据源(LineData)设置

4.6 标记(marker)设置

    //点击指示器可显示更多详情
    public void setMarker(){
        // create marker to display box when values are selected
        MyMarkerView mv = new MyMarkerView(getContext(), R.layout.custom_marker_view);
        // Set the marker to the chart
        mv.setChartView(chart);
        lineChart.setMarker(mv);
    }

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:background="@drawable/marker2"（图片可以自己找资源，不知道我放上去的这个能不能下载）
    tools:ignore="Overdraw">
 
    <TextView
        android:id="@+id/tvContent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="7dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:text=""
        android:textSize="12sp"
        android:textColor="@android:color/white"
        android:ellipsize="end"
        android:singleLine="true"
        android:textAppearance="?android:attr/textAppearanceSmall" />
 
</RelativeLayout>

引用：1.CSDN博主「夕灬颜」的原创文章https://blog.csdn.net/qq_43332570/article/details/103180779

引用：2.MPAndroidChart的demo

Github地址:https://github.com/PhilJay/MPAndroidChart