echart 多柱状图 x 文件显示在中间_MPchart的柱状图的使用

本文介绍了如何使用MPchart(包括MPAndroidChart和MPIosChart)创建柱状图,特别是如何让Echarts多柱状图的X轴显示在中间。通过实例展示了柱状图的初始化、数据加载、图例配置、轴属性设置等关键步骤,强调了MPchart的高度自定义性和灵活性,鼓励读者通过实践探索更多可能。
摘要由CSDN通过智能技术生成

柱状图(BarChart)是常见的数据形式,常见于平时的统计、数据展示中,下面就老牌表格库MPchart的BarChart给大家进行展示。

其中,MPchart包括MPAndroidChart和MPIosChart,也就是android端和iOS端可以很轻松地保证UI一致,这是非常难得的。

    引入     

allprojects {
        repositories {
            maven { url 'https://jitpack.io' }    }}App level build.gradledependencies {
        implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3'}

    最终效果图     

2fff729e48e79290d1b0fd73112fbe55.png

图1-1 最近开发的项目中使用到的柱状图

    添加View     

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

    添加简单的数据     

private void initData() {
            // y 轴数据        ArrayList yValues = new ArrayList<>();        // 2.0 ----x 轴数据        // ArrayList xValues = new ArrayList<>();        for (int x = 0; x < 30; x++) {
                // 2.0 ----xValues.add(String.valueOf(i));            float y = (float) (Math.random() * 30);            yValues.add(new BarEntry(x, y));        }        // y 轴数据集        BarDataSet barDataSet = new BarDataSet(yValues, "条形图");        // 2.0 ---- mBarData = new BarData(xValues, barDataSet);        mBarData = new BarData(barDataSet);    }

    初始化柱状图    

private void initBarChart() {
            mBarChart.setData(mBarData);    }

以上就是最简单的使用了,但是这还不够!

下面ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值