Android MPAndroidChart--使用柱状图


前言

2021-4-16 记录今天学习的内容


以下是本篇文章正文内容,下面案例可供参考

一、MpAndroidChart是什么?

MpAndroidChart是基于Android的开源图表库,它能够实现很多常用的图表类型.如线性图,饼图,柱状图和散点图.它还提供了一些对图表的操作功能,如:拖拽,缩放,显示动画效果等.
文档地址: https://github.com/PhilJay/MPAndroidChart

实现效果

实现效果

二、导入依赖

1.在根文件目录下引入

导入maven代码如下(示例):

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

2.在APP目录下导入依赖

导入依赖
代码如下(示例):

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

二、正文

代码如下(示例):

 private void initBarChart() {
        //没有数据显示这里面的
        mBarChart.setNoDataText("没有数据哦");
        // 设置是否可以缩放
        mBarChart.setScaleEnabled(false);
        //设置双击不放大
        mBarChart.setDoubleTapToZoomEnabled(false);
        //设置控件之间的间距
        mBarChart.setExtraOffsets(20,20,20,20);
        //获取XAxis 获取XAxis  setDrawGridLines:设置绘图网格线
        mBarChart.getXAxis().setDrawGridLines(false);
        //获取描述,是否显示右下角描述
        mBarChart.getDescription().setEnabled(false);
        //获取图例,是否显示图例
        mBarChart.getLegend().setEnabled(false);
        // 设置执行的动画,XY轴
        mBarChart.animateXY(2500,2500);
        //设置倾斜角度  setLabelRotationAngle:设置旋转角度
//        mBarChart.getXAxis().setLabelRotationAngle(-30);
        //获取X轴
        XAxis xAxis = mBarChart.getXAxis();
        //设置X轴的位置
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        //设置X轴min数值
        xAxis.setAxisMinimum(0f);
        //设置X轴Max数值
        xAxis.setAxisMaximum(list.size());
        //设置可视范围,0-5,可以防止X轴数据过长导致遮挡其他X轴数据
        mBarChart.setVisibleXRange(0,5);
        //设置X轴最大范围
        xAxis.setLabelCount(list.size());
        //使得左边柱子完全显示
        xAxis.setAxisMinimum(0.5f);
        //不绘制格网线
//        xAxis.setDrawGridLines(false);
        //设置与顶部的距离
//        mBarChart.setExtraTopOffset(30);
        //设置最小间隔,防止当放大时,出现重复标签。
        xAxis.setGranularity(1);
        //设置x轴显示的值
        xAxis.setValueFormatter(new ValueFormatter() {
            @Override
            public String getFormattedValue(float value) {
                //判断value的值是否小于数组长度
                if((int)value<list.size()){
                    return list.get((int)value).getName();
                }else{
                    return "";
                }
            }
        });
        //设置X轴标签与Y轴的间距
        xAxis.setYOffset(10);
        //设置y轴,y轴有两条,分别是左边和右边,右边一边不常用可以隐藏
        //获取右边的y轴
        YAxis axisRight = mBarChart.getAxisRight();
        //将右边的y轴设置为不显示
        axisRight.setEnabled(false);
        //获取左边的y轴
        YAxis axisLeft = mBarChart.getAxisLeft();
        //设置y轴最大值
        axisLeft.setAxisMaximum(40f);
        //设置y轴最低值
        axisLeft.setAxisMinimum(0f);
        //设置y标签字体大小
        axisLeft.setTextSize(15f);
        //设置BarEntry集合,用来存放柱状图的数值
        List<BarEntry>barEntries = new ArrayList<>();
        for (int i = 0; i < list.size(); i++) {
            barEntries.add(new BarEntry(i,Float.parseFloat(list.get(i).getReward())));
        }
        //将数据添加到BarDataSet中,
        BarDataSet barDataSet1 = new BarDataSet(barEntries,"");
        //柱状图数值颜色
        barDataSet1.setValueTextColor(Color.RED);
        //柱状图数值的大小(文字大小)
        barDataSet1.setValueTextSize(15f);
        //柱状图对应的颜色
        barDataSet1.setColor(Color.parseColor("#03A9F4"));
        BarData barData = new BarData(barDataSet1);
        //设置柱子的宽度
        barData.setBarWidth(0.3f);
        //将数据添加到组件中
        mBarChart.setData(barData);
        //刷新图表,
        mBarChart.invalidate();
    }

xxxx.xml代码:

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

总结

以上就是今天要讲的内容,本文仅仅简单介绍了MpAndroidChart绘制柱状图,而MpAndroidChart提供了图表的操作功能.
  • 3
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用 MPAndroidChart 绘制横向圆角柱状图的步骤如下: 1. 在你的项目中添加 MPAndroidChart 的依赖。 2. 在 XML 布局文件中添加一个 BarChart 控件。 3. 在代码中获取 BarChart 控件的实例,并进行一些基础设置,如设置 X 轴和 Y 轴的属性。 4. 创建一个 BarDataSet 对象,并设置数据。 5. 创建一个 BarData 对象,并将 BarDataSet 对象添加到 BarData 对象中。 6. 设置 BarData 对象到 BarChart 控件中,并进行一些样式设置,如设置柱状图的颜色、边框宽度等。 7. 最后调用 BarChart 控件的 invalidate() 方法刷新界面即可。 下面是一个示例代码,可以绘制横向圆角柱状图: ```java // 获取 BarChart 控件实例 BarChart barChart = findViewById(R.id.bar_chart); // 设置 X 轴和 Y 轴属性 barChart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM); barChart.getXAxis().setDrawGridLines(false); barChart.getAxisLeft().setDrawGridLines(false); barChart.getAxisRight().setDrawGridLines(false); // 创建 BarDataSet 对象并设置数据 List<BarEntry> entries = new ArrayList<>(); entries.add(new BarEntry(0f, 5f)); entries.add(new BarEntry(1f, 6f)); entries.add(new BarEntry(2f, 7f)); entries.add(new BarEntry(3f, 8f)); entries.add(new BarEntry(4f, 9f)); BarDataSet dataSet = new BarDataSet(entries, "数据"); // 创建 BarData 对象并将 BarDataSet 添加到其中 BarData data = new BarData(dataSet); // 设置 BarData 到 BarChart 控件中 barChart.setData(data); // 设置柱状图的颜色、边框宽度等 dataSet.setColors(Color.parseColor("#3F51B5")); dataSet.setDrawValues(false); dataSet.setBarBorderWidth(1f); dataSet.setBarBorderColor(Color.parseColor("#3F51B5")); dataSet.setBarBorderRadius(20f); // 刷新界面 barChart.invalidate(); ``` 在上面的示例代码中,我们设置了一个数据集合,包含了 5 个柱状图的数据(横坐标分别是 0 到 4),并设置了柱状图的样式,最后调用 invalidate() 方法刷新界面即可。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值