MPAndroidChart——LineChart折线图（二）

今天来记录一下LineChart（折线图）的详细使用（美化）！

注：本人使用的版本是MPAndroidChart-v3.0.3（如若版本不同有某些方法更新，可在评论区留言，尽我所能帮你解决！）

老规矩，先上效果图（不好看但是所用的美化比较全）

XML（还是这么简洁）

<com.github.mikephil.charting.charts.LineChart
        android:id="@+id/line"
        android:layout_width="match_parent"
        android:layout_height="300dp">
    </com.github.mikephil.charting.charts.LineChart>

Java（代码比较多 但是特别全 而且每个方法都有注释 可以当字典的那种）

public class LineChartMaxActivity extends AppCompatActivity {

    private LineChart line;

    List<Entry>list=new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_line_chart_max);
        line = (LineChart) findViewById(R.id.line);

        //添加数据
        list.add(new Entry(0,7));     //其中两个数字对应的分别是   X轴   Y轴
        list.add(new Entry(1,10));
        list.add(new Entry(2,12));
        list.add(new Entry(3,6));
        list.add(new Entry(4,3));


        LineDataSet lineDataSet=new LineDataSet(list,"语文");   //list是你这条线的数据  "语文" 是你对这条线的描述
        LineData lineData=new LineData(lineDataSet);
        line.setData(lineData);


        //折线图背景
        line.setBackgroundColor(0x30000000);   //背景颜色
        line.getXAxis().setDrawGridLines(false);  //是否绘制X轴上的网格线（背景里面的竖线）
        line.getAxisLeft().setDrawGridLines(false);  //是否绘制Y轴上的网格线（背景里面的横线）

        //对于右下角一串字母的操作
        line.getDescription().setEnabled(false);                  //是否显示右下角描述
        line.getDescription().setText("这是修改那串英文的方法");    //修改右下角字母的显示
        line.getDescription().setTextSize(20);                    //字体大小
        line.getDescription().setTextColor(Color.RED);             //字体颜色

        //图例
        Legend legend=line.getLegend();
        legend.setEnabled(true);    //是否显示图例
        legend.setPosition(Legend.LegendPosition.BELOW_CHART_CENTER);    //图例的位置

        //X轴
        XAxis xAxis=line.getXAxis();
        xAxis.setDrawGridLines(false);  //是否绘制X轴上的网格线（背景里面的竖线）
        xAxis.setAxisLineColor(Color.RED);   //X轴颜色
        xAxis.setAxisLineWidth(2);           //X轴粗细
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);        //X轴所在位置   默认为上面
        xAxis.setValueFormatter(new IAxisValueFormatter() {   //X轴自定义坐标
            @Override
            public String getFormattedValue(float v, AxisBase axisBase) {
                if (v==1){
                    return "第一个";
                }
                if (v==2){
                    return "第二个";
                }
                if (v==3){
                    return "第三个";
                }
                return "";//注意这里需要改成 ""
            }
        });
        xAxis.setAxisMaximum(5);   //X轴最大数值
        xAxis.setAxisMinimum(0);   //X轴最小数值
        //X轴坐标的个数    第二个参数一般填false     true表示强制设置标签数 可能会导致X轴坐标显示不全等问题
        xAxis.setLabelCount(5,false);


        //Y轴
        YAxis AxisLeft=line.getAxisLeft();
        AxisLeft.setDrawGridLines(false);  //是否绘制Y轴上的网格线（背景里面的横线）
        AxisLeft.setAxisLineColor(Color.BLUE);  //Y轴颜色
        AxisLeft.setAxisLineWidth(2);           //Y轴粗细
        AxisLeft.setValueFormatter(new IAxisValueFormatter() {  //Y轴自定义坐标
            @Override
            public String getFormattedValue(float v, AxisBase axisBase) {

                for (int a=0;a<16;a++){     //用个for循环方便
                    if (a==v){
                        return "第"+a+"个";
                    }
                }

                return "";
            }
        });
        AxisLeft.setAxisMaximum(15);   //Y轴最大数值
        AxisLeft.setAxisMinimum(0);   //Y轴最小数值
        //Y轴坐标的个数    第二个参数一般填false     true表示强制设置标签数 可能会导致X轴坐标显示不全等问题
        AxisLeft.setLabelCount(15,false);
        
        //是否隐藏右边的Y轴（不设置的话有两条Y轴 同理可以隐藏左边的Y轴）
        line.getAxisRight().setEnabled(false);


        //折线
        //设置折线的式样   这个是圆滑的曲线（有好几种自己试试）     默认是直线
        lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);
        lineDataSet.setColor(Color.GREEN);  //折线的颜色
        lineDataSet.setLineWidth(2);        //折线的粗细
        //是否画折线点上的空心圆  false表示直接画成实心圆
        lineDataSet.setDrawCircleHole(false);
        lineDataSet.setCircleHoleRadius(3);  //空心圆的圆心半径
        //圆点的颜色     可以实现超过某个值定义成某个颜色的功能   这里先不讲 后面单独写一篇
        lineDataSet.setCircleColor(Color.RED);
        lineDataSet.setCircleRadius(3);      //圆点的半径
        //定义折线上的数据显示    可以实现加单位    以及显示整数（默认是显示小数）
        lineDataSet.setValueFormatter(new IValueFormatter() {
            @Override
            public String getFormattedValue(float v, Entry entry, int i, ViewPortHandler viewPortHandler) {
                if (entry.getY()==v){
                    return v+"℃";
                }
                return "";
            }
        });

        //数据更新
        line.notifyDataSetChanged();
        line.invalidate();

        //动画（如果使用了动画可以则省去更新数据的那一步）
        line.animateY(3000); //折线在Y轴的动画  参数是动画执行时间 毫秒为单位
//        line.animateX(2000); //X轴动画
//        line.animateXY(2000,2000);//XY两轴混合动画

    }
}

赏

谢谢你请我吃糖果

支付宝

微信

• 本文作者： Android YU
• 本文链接： http://yoursite.com/2020/03/19/MPAndroidChart的详细使用——LineChart折线图（二）/
• 版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！