MPAndroidChart的详细使用——BarChart条形图(二)

今天来记录一下BarChart(条形图)的详细使用(美化)!

注:本人使用的版本是MPAndroidChart-v3.0.3(如若版本不同有某些方法更新,可在评论区留言,尽我所能帮你解决!)
MPAndroidChart的详细使用——LineChart折线图(一)(简单使用)
MPAndroidChart的详细使用——LineChart折线图(二)(详细美化)
MPAndroidChart的详细使用——BarChart条形图(一)(简单使用)
MPAndroidChart的详细使用——BarChart条形图组(三)(条形图组)
MPAndroidChart的详细使用——BarChart叠状条形图(四)(堆叠柱状图)
MPAndroidChart的详细使用——HorizontalBarChart横向条形图(五)(横向条形图)

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

老规矩,先上效果图(不好看但是所用的美化比较全)
在这里插入图片描述

XML
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    tools:context=".Bar.BarChartMaxActivity">


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

</LinearLayout>
Java
public class BarChartMaxActivity extends AppCompatActivity {

    private BarChart bar;
    List<BarEntry>list=new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bar_chart_max);
        bar = (BarChart) findViewById(R.id.bar);


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


        BarDataSet barDataSet=new BarDataSet(list,"语文");   //list是你这条线的数据  "语文" 是你对这条线的描述
        BarData barData=new BarData(barDataSet);
        bar.setData(barData);


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

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

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

        //X轴
        XAxis xAxis=bar.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 "第三个";
                }
                if (v==4){
                    return "第四个";
                }
                if (v==5){
                    return "第五个";
                }
                return "";//注意这里需要改成 ""
            }
        });
        xAxis.setAxisMaximum(6);   //X轴最大数值
        xAxis.setAxisMinimum(0);   //X轴最小数值
        //X轴坐标的个数    第二个参数一般填false     true表示强制设置标签数 可能会导致X轴坐标显示不全等问题
        xAxis.setLabelCount(6,false);


        //Y轴
        YAxis AxisLeft=bar.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轴)
        bar.getAxisRight().setEnabled(false);


        //柱子
//        barDataSet.setColor(Color.BLACK);  //柱子的颜色
        barDataSet.setColors(Color.BLACK,Color.BLUE);//设置柱子多种颜色  循环使用
        barDataSet.setBarBorderColor(Color.CYAN);//柱子边框颜色
        barDataSet.setBarBorderWidth(2);       //柱子边框厚度
        barDataSet.setBarShadowColor(Color.RED);
        barDataSet.setHighlightEnabled(false);//选中柱子是否高亮显示  默认为true
        barDataSet.setStackLabels(new String[]{"aaa","bbb","ccc"});
        //定义柱子上的数据显示    可以实现加单位    以及显示整数(默认是显示小数)
        barDataSet.setValueFormatter(new IValueFormatter() {
            @Override
            public String getFormattedValue(float v, Entry entry, int i, ViewPortHandler viewPortHandler) {
                if (entry.getY()==v){
                    return v+"℃";
                }
                return "";
            }
        });

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

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


    }
}

### 回答1: MPAndroidChart是一款开源的Android图表库,可以用于创建各种类型的图表,其中包括条形图使用MPAndroidChart创建条形图需要以下几个步骤: 1. 添加依赖:首先,在项目的`build.gradle`文件中添加以下依赖: ``` implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0' ``` 2. 创建布局:在布局文件中添加`BarChart`控件,并设置其属性,例如宽高、内边距等。 3. 初始化图表:在Java代码中,通过`findViewById`方法获取到`BarChart`对象,并进行一些初始化设置,例如设置描述文字、是否可缩放等。 4. 准备数据:创建`ArrayList`对象来存储条形图的数据,并为每个条形图设置一个`BarEntry`对象,其中包括条形的数值和位置。 5. 创建数据集:使用`BarDataSet`类创建一个数据集,并将之前准备好的数据添加到数据集中。 6. 创建条形图使用`BarData`类将数据集添加到`BarChart`对象中,然后调用`invalidate`方法刷新图表。 7. 自定义样式:可以根据需要调整条形的颜色、宽度、高度等样式。 8. 添加交互功能:可以为条形图添加点击事件、滑动事件等交互功能。 MPAndroidChart提供了丰富的API,可以在创建条形图时灵活控制各种样式和行为。同时,它还支持多语言、友好的开发者社区以及详细的文档解释和示例代码,使得使用和学习变得更加容易。无论是展示数据还是进行数据分析,MPAndroidChart条形图都是一个强大且易用的选择。 ### 回答2: MPAndroidChart是一个功能强大的Android图表库,其中包括了很多种类型的图表,包括条形图条形图是一种常用的统计图表,用于展示各个类别之间的比较或者随时间的变化。 在使用MPAndroidChart绘制条形图之前,首先需要添加依赖库并将其引入到项目中。可以在build.gradle文件中添加以下依赖: ``` implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0' ``` 接下来就可以开始绘制条形图了。首先创建一个BarChart对象,并将其添加到布局中: ```java BarChart barChart = findViewById(R.id.bar_chart); ``` 然后创建一个BarDataSet对象,并将数据添加到其中。BarDataSet表示条形图中的一组数据: ```java ArrayList<BarEntry> entries = new ArrayList<>(); entries.add(new BarEntry(1, 50)); // 添加第一条数据,值为50 entries.add(new BarEntry(2, 70)); // 添加第条数据,值为70 ... BarDataSet dataSet = new BarDataSet(entries, "数据集"); ``` 接下来可以对BarDataSet进行一些设置,例如设置柱形颜色、图例标签等: ```java dataSet.setColor(Color.BLUE); // 设置柱形颜色为蓝色 dataSet.setDrawValues(true); // 设置是否显示柱形上方的数值 ... ``` 然后创建一个BarData对象,并将BarDataSet添加到其中。BarData表示整个条形图的数据: ```java BarData barData = new BarData(dataSet); ``` 最后将BarData设置给BarChart,并进行一些其他的设置,例如设置X轴标签、Y轴标签、图表描述等: ```java barChart.setData(barData); barChart.getXAxis().setValueFormatter(new IndexAxisValueFormatter(new String[]{"标签1", "标签2", ...})); // 设置X轴标签 barChart.getAxisLeft().setValueFormatter(new PercentFormatter()); // 设置Y轴标签格式为百分比 ... ``` 通过以上步骤,就可以在Android应用中绘制条形图了。MPAndroidChart还提供了丰富的功能和样式设置,例如设置动画效果、点击事件、滑动手势等。详细的用法可以参考MPAndroidChart官方文档。 ### 回答3: MPAndroidChart(或简称为MPChart)是一个强大的Android图表库,用于绘制各种类型的图表,其中包括条形图条形图在数据可视化中非常常见,它使用矩形的长度代表数据的大小,可以直观地比较不同数据之间的差异。要使用MPAndroidChart绘制条形图,首先需要在项目中引入该库。 在绘制条形图之前,我们需要准备好相关的数据。可以通过创建一个BarDataSet对象,并向其添加数据条目。每个数据条目都需要指定它的值,以及显示在X轴上的位置。 创建BarData对象时,需要将之前创建的数据集传递给它。然后,我们可以通过调用Chart对象的setData()方法,将BarData对象设置为图表的数据源。 接下来,可以对条形图的样式进行一些自定义。我们可以设置条形的颜色、边框颜色、字体大小等。可以使用Chart对象的各种方法来实现这些自定义设置。 最后,我们要将Chart对象添加到布局中,以便在用户界面上显示条形图。可以在XML布局文件中使用Chart对象的自定义视图(如BarChart)来定义图表的位置和大小,也可以在Java代码中使用Chart对象的实例化类(如BarChart)来实现。 总之,使用MPAndroidChart绘制条形图非常简单和灵活。我们只需要准备数据、设置样式并将Chart对象添加到布局中就可以实现一个漂亮的条形图。该库还提供了很多其他功能和交互性,可以根据需求进行进一步探索和定制。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值