美文网首页Android
MPAndroidChart(三)——BarChart(多组)

MPAndroidChart(三)——BarChart(多组)

作者: 吃泥巴的猫 | 来源:发表于2018-12-16 17:04 被阅读8次

BarChart柱状图(多组)


多组柱状图.png
 <com.github.mikephil.charting.charts.BarChart
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="20dp" />

首先在activity中对柱状图的属性进行设置
其中mChart是对柱状图的样式及效果进行设置,Legend是图表标题图例位置样式的设置

        /***图表设置***/
        //背景颜色
        chart.setBackgroundColor(Color.WHITE);
        //不显示图表网格
        chart.setDrawGridBackground(false);
        //背景阴影
        chart.setDrawBarShadow(false);
        chart.setHighlightFullBarEnabled(false);
        //显示边框
        chart.setDrawBorders(true);
        Matrix m = new Matrix();
        m.postScale(10f, 1f);//两个参数分别是x,y轴的缩放比例。例如:将x轴的数据放大为之前的1.5倍
        chart.getViewPortHandler().refresh(m, chart, false);//将图表动画显示之前进行缩放
        chart.animateX(1000);
        /***XY轴的设置***/
        //X轴设置显示位置在底部
        xAxis = chart.getXAxis();
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        xAxis.setAxisMinimum(0f);
        xAxis.setGranularity(1f);
        xAxis.setCenterAxisLabels(true);//设置标签居中

        leftAxis = chart.getAxisLeft();
        rightAxis = chart.getAxisRight();
        //保证Y轴从0开始,不然会上移一点
        leftAxis.setAxisMinimum(0f);
        rightAxis.setAxisMinimum(0f);

        /***折线图例 标签 设置***/
        legend = chart.getLegend();
        legend.setForm(Legend.LegendForm.LINE);
        legend.setTextSize(11f);
        //显示位置
        legend.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
        legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.CENTER);
        legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
        //是否绘制在图表里面
        legend.setDrawInside(false);

在设置好柱状图的样式及效果之后,对其中的数据进行设置,list为数据值
属性为Time,OneNum,TwoNum,ThreeNum
多组主要设置为

  1. float groupSpace = 0.04f;
  2. float barSpace = 0.02f;
  3. float barWidth = 0.3f;
    三个数值相加小于1
        float groupSpace = 0.04f;
        float barSpace = 0.02f;
        float barWidth = 0.3f;
        List<BarEntry> barEntryList = new ArrayList();
        for (int i = 0; i < list.size(); i++) {
            if (list.getOneNum()==null||list.getOneNum()==0)
                barEntryList.add(new BarEntry((float) i, 0f));
            else
                barEntryList.add(new BarEntry((float) i, list.getOneNum()));
        }
        BarDataSet dataset1 = new BarDataSet(barEntryList, "数据一");
        dataset1.setColor(Color.rgb(255, 0, 0));
        List<BarEntry> barEntryList1 = new ArrayList();
        for (int i = 0; i < list.size(); i++) {
            if (list.getTwoNum()==null||list.getTwoNum()==0)
                barEntryList1.add(new BarEntry((float) i, 0f));
            else
                barEntryList1.add(new BarEntry((float) i, list.getTwoNum()));
        }
        BarDataSet dataset2 = new BarDataSet(barEntryList1, "数据二");
        dataset2.setColor(Color.rgb(0, 255, 0));
        List<BarEntry> barEntryList2 = new ArrayList();
        for (int i = 0; i < list.size(); i++) {
            if (list.getThreeNum()==null||list.getThreeNum()==0)
                barEntryList2.add(new BarEntry((float) i, 0f));
            else
                barEntryList2.add(new BarEntry((float) i,list.getThreeNum()));
        }
        BarDataSet dataset3 = new BarDataSet(barEntryList2, "数据三");
        dataset3.setColor(Color.rgb(0, 0, 255));
        final LevelOneEntity levelOneEntity1 = levelOneEntity;
        List<IBarDataSet> dataSetList = new ArrayList<>();
        dataSetList.add(dataset1);
        dataSetList.add(dataset2);
        dataSetList.add(dataset3);
        BarData data = new BarData(dataSetList);
        data.setValueTextSize(10f);
        data.setBarWidth(0.9f);

设置x轴标签样式

        xAxis.setDrawGridLines(false);
        xAxis.setGranularity(1f);
        xAxis.setLabelCount(list.size());
        xAxis.setCenterAxisLabels(true);//设置标签居中

设置图表柱状图样式宽度

        chart.setData(data);
        chart.getBarData().setBarWidth(barWidth);
        chart.getXAxis().setAxisMinimum(0);
        chart.getXAxis().setAxisMaximum(chart.getBarData().getGroupWidth(groupSpace, barSpace) *list.size() + 0);
        chart.groupBars(0, groupSpace, barSpace);
        chart.invalidate();                    //将图表重绘以显示设置的属性和数据
        chart.getXAxis().setValueFormatter(new IAxisValueFormatter() {
            @Override
            public String getFormattedValue(float value, AxisBase axis) {
                return double2String(value, list);
            }
        });

X轴数字转中文

 public String double2String(float f, List list) {
        String s = "";
        if (f >= 0 && f < list.size())
            s = list.getName();
        return s;
    }

相关文章

网友评论

    本文标题:MPAndroidChart(三)——BarChart(多组)

    本文链接:https://www.haomeiwen.com/subject/ardxkqtx.html