MPAndroidChart使用(BarChart为例)

最新推荐文章于 2025-02-21 18:13:27 发布

原创最新推荐文章于 2025-02-21 18:13:27 发布 · 1.2w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#Android中柱状图 #MPAndroidChart #BarChart

Android开发专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了如何在Android项目中引入并使用MPAndroidChart库来创建条形图。包括Gradle配置、添加依赖、布局文件定义及代码示例，展示了如何设置图表样式、轴线属性等。

1.准备工作

1.1.引用到项目中

在你的项目的build.gradle文件中配置：

allprojects {
    repositories {
        jcenter()
        maven { url "https://jitpack.io" }
    }
}

在app的build.gradle文件中配置：

compile 'com.github.PhilJay:MPAndroidChart:v3.0.1'

1.2.jithub地址

https://github.com/PhilJay/MPAndroidChart

2.使用

2.1.布局文件

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

2.2.使用举例在依赖的activity或者fragment中找到控件，设置相关属性，做相应的处理
MPAndroidChart中提供了很多的方法，可以帮助我们轻松的搞定我们的项目，个人认为最好的掌握该控件的方法是去jithub下载作者的sample，
通过在自己的手机上运行，切实找到方法，到源码中理解运用。
在这里我仅仅对一些常用的方法解析：

      {
        ……
        mBarChart = (BarChart) findViewById(R.id.bar_chart);
        //设置背景颜色
        mBarChart.setBackgroundColor(getResources().getColor(R.color.colorAccent));
        //BarChart的点击事件
        mBarChart.setOnClickListener(new View.OnClickListener() {
            @Override public void onClick(View view) {
            }
        });
        //设置数值选择的监听
        mBarChart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
            @Override public void onValueSelected(Entry e, Highlight h) {
            }
            @Override public void onNothingSelected() {
            }
        });
        //设置高亮显示
        mBarChart.setHighlightFullBarEnabled(true);
        mBarChart.setDrawValueAboveBar(true);
        //设置支持触控
        mBarChart.setTouchEnabled(true);
        //设置是否支持拖拽
        mBarChart.setDragEnabled(true);
        //设置能否缩放
        mBarChart.setScaleEnabled(true);
        //设置true支持两个指头向X、Y轴的缩放，如果为false，只能支持X或者Y轴的当方向缩放
        mBarChart.setPinchZoom(true);
        //获取图表右下角的描述性文字，setEnable（）默认为true
        mBarChart.getDescription().setEnabled(true);
        Description description=new Description();
        description.setText("description");
        //设置右下角的描述文字
        mBarChart.setDescription(description);
        //设置阴影
        mBarChart.setDrawBarShadow(false);
        //设置所有的数值在图形的上面,而不是图形上
        mBarChart.setDrawValueAboveBar(true);
        //设置最大的能够在图表上显示数字的图数
        mBarChart.setMaxVisibleValueCount(60);
        //设置背景是否网格显示
        mBarChart.setDrawGridBackground(false);
//X轴的数据格式
        IAxisValueFormatter xAxisFormatter = new DayAxisValueFormatter(mChart);
        //得到X轴，设置X轴的样式
        XAxis xAxis = mChart.getXAxis();
        //设置位置
        xAxis.setPosition(XAxisPosition.BOTTOM);
        //设置特定的标签类型
        xAxis.setTypeface(mTfLight);
        //设置是否绘制网格线
        xAxis.setDrawGridLines(false);
        //设置最小的区间，避免标签的迅速增多
        xAxis.setGranularity(1f); // only intervals of 1 day
        //设置进入时的标签数量
        xAxis.setLabelCount(7);
        //设置数据格式
        xAxis.setValueFormatter(xAxisFormatter);
        IAxisValueFormatter custom = new MyAxisValueFormatter();
        YAxis leftAxis = mChart.getAxisLeft();
        leftAxis.setTypeface(mTfLight);
        leftAxis.setLabelCount(8, false);
        leftAxis.setValueFormatter(custom);
        leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);
        //Sets the top axis space in percent of the full range. Default 10f
        leftAxis.setSpaceTop(15f);
        //设置Y轴最小的值
        leftAxis.setAxisMinimum(0f); // this replaces setStartAtZero(true)
        YAxis rightAxis = mChart.getAxisRight();
        rightAxis.setDrawGridLines(false);
        rightAxis.setTypeface(mTfLight);
        rightAxis.setLabelCount(8, false);
        rightAxis.setValueFormatter(custom);
        rightAxis.setSpaceTop(15f);
        rightAxis.setAxisMinimum(0f); // this replaces setStartAtZero(true)
        //设置图例样式，默认可以显示，设置setEnabled（false）；可以不绘制
        Legend l = mChart.getLegend();
        l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
        l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
        l.setOrientation(Legend.LegendOrientation.HORIZONTAL);
        l.setDrawInside(false);
        l.setForm(LegendForm.SQUARE);
        l.setFormSize(9f);
        l.setTextSize(11f);
        l.setXEntrySpace(4f);
       //设置X轴和Y轴显示的刻度
        setData(12, 50);
}
private void setData(int count, float range) {
        float start = 1f;
        ArrayList<BarEntry> yVals1 = new ArrayList<BarEntry>();
        for (int i = (int) start; i < start + count + 1; i++) {
            float mult = (range + 1);
            float val = (float) (Math.random() * mult);
            yVals1.add(new BarEntry(i, val));
        }
        BarDataSet set1;
        if (mChart.getData() != null &&
                mChart.getData().getDataSetCount() > 0) {
            set1 = (BarDataSet) mChart.getData().getDataSetByIndex(0);
            set1.setValues(yVals1);
            mChart.getData().notifyDataChanged();
            mChart.notifyDataSetChanged();
        } else {
            set1 = new BarDataSet(yVals1, "The year 2017");
            set1.setColors(ColorTemplate.MATERIAL_COLORS);
            ArrayList<IBarDataSet> dataSets = new ArrayList<IBarDataSet>();
            dataSets.add(set1);
            BarData data = new BarData(dataSets);
            data.setValueTextSize(10f);
            data.setValueTypeface(mTfLight);
            data.setBarWidth(0.9f);
            mChart.setData(data);
        }
    }

代码很多，但是你仔细阅读会发现这些代码比较有规律：