MPAndroidChart的详细使用——LineChart折线图(二)

Elsa ·
更新时间:2024-11-15
· 893 次阅读

今天来记录一下LineChart(折线图)的详细使用(美化)!

注:本人使用的版本是MPAndroidChart-v3.0.3(如若版本不同有某些方法更新,可在评论区留言,尽我所能帮你解决!)

上一篇文章讲了折线图的简单使用,这篇文章就来讲进阶使用(美化)

MPAndroidChart的详细使用——LineChart折线图(一)(简单使用)
MPAndroidChart的详细使用——BarChart条形图(一)(简单使用)
MPAndroidChart的详细使用——BarChart条形图(二)(详细美化)
MPAndroidChart的详细使用——BarChart条形图组(三)(条形图组)

老规矩,先上效果图(不好看但是所用的美化比较全)

在这里插入图片描述

XML(还是这么简洁) Java(代码比较多 但是特别全 而且每个方法都有注释 可以当字典的那种) public class LineChartMaxActivity extends AppCompatActivity { private LineChart line; Listlist=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



mpandroidchart

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章