MpAndroidChart 学习篇-柱状图和饼状图学习笔记

最新推荐文章于 2024-05-17 11:01:57 发布
最新推荐文章于 2024-05-17 11:01:57 发布
阅读量777 收藏
点赞数 1
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30519365/article/details/77716772
版权

1.先上图


饼状图

package com.org.gsc.chartdemo.activitys;

import android.graphics.Color;

import com.github.mikephil.charting.charts.PieChart;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.data.PieData;
import com.github.mikephil.charting.data.PieDataSet;
import com.github.mikephil.charting.data.PieEntry;
import com.github.mikephil.charting.formatter.PercentFormatter;
import com.github.mikephil.charting.interfaces.datasets.IPieDataSet;
import com.github.mikephil.charting.utils.ColorTemplate;
import com.org.gsc.chartdemo.R;
import com.org.gsc.chartdemo.bases.BaseActivity;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by qundui on 2017/8/30.
 * 饼状图页面
 */
public class PieActivity extends BaseActivity {
    private PieChart mPieChart;
    private List<PieEntry> y=new ArrayList<>();
    private PieDataSet dateset=new PieDataSet(y,"冰砖图");
    private PieData mdata=new PieData(dateset);
    @Override
    protected void doBusy() {
        mPieChart= findView(R.id.pc);
        mPieChart.getDescription().setEnabled(false);
        mPieChart.setUsePercentValues(true);
       mPieChart.setExtraOffsets(5, 10, 5, 5);
        mPieChart.setCenterText("我是郭神,我为我自己代言");

//做动画
        mPieChart.animateXY(2000,2000);
       // mPieChart.setDrawHoleEnabled(false);//是否铺满
        mPieChart.setHoleColor(Color.GREEN);//设置内圈的颜色
        mPieChart.setTransparentCircleColor(Color.WHITE);//设置内圈边缘的颜色
        mPieChart.setTransparentCircleAlpha(110);
        mPieChart.setRotationAngle(0);
        mPieChart.setHoleRadius(58f);
        mPieChart.setTransparentCircleRadius(61f);
        //图例设置
        Legend l = mPieChart.getLegend();
        l.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
        l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT);
        l.setOrientation(Legend.LegendOrientation.VERTICAL);
        l.setDrawInside(false);
        l.setTextColor(Color.GREEN);
        l.setTextSize(12);
        l.setXEntrySpace(7f);
        l.setYEntrySpace(0f);
        l.setYOffset(0f);
        y.add(new PieEntry(0.1f,"第1个饼子"));
        y.add(new PieEntry(0.5f,"第2个饼子"));
        y.add(new PieEntry(0.2f,"第3个饼子"));
        y.add(new PieEntry(0.1f,"第4个饼子"));
        y.add(new PieEntry(0.1f,"第5个饼子"));
        //设置外面显示Values
        dateset.setValueLinePart1OffsetPercentage(80.f);
        dateset.setValueLinePart1Length(0.2f);
        dateset.setValueLinePart2Length(0.4f);
        dateset.setValueLineColor(Color.RED);
        dateset.setValueTextColor(Color.BLACK);
        dateset.setValueTextSize(20);
        //dataSet.setXValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);
        dateset.setYValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);

       dateset.setColors(ColorTemplate.MATERIAL_COLORS);
       dateset.setSelectionShift(5f);
        dateset.setSliceSpace(3f);//各个饼状图之间空白间隙
        mdata.setValueFormatter(new PercentFormatter());
        mPieChart.setData(mdata);
        mPieChart.invalidate();

    }
    @Override
    protected int getLayoutId() {
        return R.layout.act_pie;
    }
}

2.柱状图


package com.org.gsc.chartdemo.activitys;

import android.graphics.Color;

import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.components.LimitLine;
import com.github.mikephil.charting.components.XAxis;
import com.github.mikephil.charting.data.BarData;
import com.github.mikephil.charting.data.BarDataSet;
import com.github.mikephil.charting.data.BarEntry;
import com.github.mikephil.charting.interfaces.datasets.IBarDataSet;
import com.github.mikephil.charting.utils.ColorTemplate;
import com.org.gsc.chartdemo.MyMarkerView;
import com.org.gsc.chartdemo.R;
import com.org.gsc.chartdemo.bases.BaseActivity;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by qundui on 2017/8/29.
 * 柱状图页面
 */
public class BarAcivity extends BaseActivity {
    private BarChart barChart;
    private BarData mbardata;
    private BarDataSet m成绩;
    private LimitLine m及格分数线;

    @Override
    protected void doBusy() {
         barChart = (BarChart) findView(R.id.chart_bar);
        //获取X轴
        XAxis xAxis = barChart.getXAxis();
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        barChart.getDescription().setEnabled(false);
        xAxis.setDrawGridLines(false);
        //获取X 轴的自定义格式器
        xAxis.setGranularity(1f);//设置最小间隔，防止当放大时，出现重复标签。
        XAxisValueFormatter xAxisValueFormatter=new XAxisValueFormatter(barChart);
        xAxis.setValueFormatter(xAxisValueFormatter);
        //获取Y轴以及自定义的构造器
        barChart.getAxisRight().setEnabled(false);
        barChart.getAxisLeft().setDrawGridLines(false);
        barChart.getAxisLeft().setValueFormatter(new YAxisValueFormatter());
        m及格分数线 = new LimitLine(60f, "及格分数线");
        m及格分数线.setTextColor(Color.RED);
        barChart.getAxisLeft().addLimitLine(m及格分数线);
//        List<Float> scores=new ArrayList<>();
//        scores.add(23.5f);
//        scores.add(45f);
//        scores.add(78f);
        MyMarkerView myMarkerView=new MyMarkerView(this, R.layout.custom_marker_view);
        myMarkerView.setChartView(barChart);
        barChart.setMarker(myMarkerView);
        List<IBarDataSet> datasets=new ArrayList<>();
        List<BarEntry> y=new ArrayList<>();
        y.add(new BarEntry(0,30));
        y.add(new BarEntry(1,56));
        y.add(new BarEntry(2,78));
        y.add(new BarEntry(3,80));
        y.add(new BarEntry(4,90));
        m成绩 = new BarDataSet(y, "成绩");
        // m成绩.setColor(Color.GREEN);
        m成绩.setColors(ColorTemplate.MATERIAL_COLORS);
        datasets.add(m成绩);
        barChart.setData(new BarData(datasets));
//        scores.add(90f);
//        YAxisValueFormatter yAxisValueFormatter=new YAxisValueFormatter(scores);
//        axisLeft.setValueFormatter(yAxisValueFormatter);
    }
    @Override
    protected int getLayoutId() {
        return R.layout.act_bar;
    }
}



package com.org.gsc.chartdemo.activitys;

import android.graphics.Color;

import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.charts.HorizontalBarChart;
import com.github.mikephil.charting.components.LimitLine;
import com.github.mikephil.charting.components.XAxis;
import com.github.mikephil.charting.data.BarData;
import com.github.mikephil.charting.data.BarDataSet;
import com.github.mikephil.charting.data.BarEntry;
import com.github.mikephil.charting.interfaces.datasets.IBarDataSet;
import com.github.mikephil.charting.utils.ColorTemplate;
import com.org.gsc.chartdemo.MyMarkerView;
import com.org.gsc.chartdemo.R;
import com.org.gsc.chartdemo.bases.BaseActivity;
import java.util.ArrayList;
import java.util.List;
/**
 * Created by qundui on 2017/8/29.
 * 水平方向柱状图页面
 */
public class BarHorizontalAcivity extends BaseActivity {
    private BarChart barChart;

    private BarDataSet m成绩;
    private LimitLine m及格分数线;
    @Override
    protected void doBusy() {
         barChart = (HorizontalBarChart) findView(R.id.chart_bar);
        //获取X轴
        XAxis xAxis = barChart.getXAxis();
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        barChart.getDescription().setEnabled(false);
        xAxis.setDrawGridLines(false);
        //获取X 轴的自定义格式器
        xAxis.setGranularity(1f);//设置最小间隔，防止当放大时，出现重复标签。
        XAxisValueFormatter xAxisValueFormatter=new XAxisValueFormatter(barChart);
        xAxis.setValueFormatter(xAxisValueFormatter);
        //获取Y轴以及自定义的构造器
        barChart.getAxisRight().setEnabled(false);
        barChart.getAxisLeft().setDrawGridLines(false);
        barChart.getAxisLeft().setValueFormatter(new YAxisValueFormatter());
        m及格分数线 = new LimitLine(60f, "及格分数线");
        m及格分数线.setTextColor(Color.RED);
        barChart.getAxisLeft().addLimitLine(m及格分数线);
//        List<Float> scores=new ArrayList<>();
//        scores.add(23.5f);
//        scores.add(45f);
//        scores.add(78f);
        MyMarkerView myMarkerView=new MyMarkerView(this, R.layout.custom_marker_view);
        myMarkerView.setChartView(barChart);
        barChart.setMarker(myMarkerView);
        List<IBarDataSet> datasets=new ArrayList<>();
        List<BarEntry> y=new ArrayList<>();
        y.add(new BarEntry(0,30));
        y.add(new BarEntry(1,56));
        y.add(new BarEntry(2,78));
        y.add(new BarEntry(3,80));
        y.add(new BarEntry(4,90));
        m成绩 = new BarDataSet(y, "成绩");
        // m成绩.setColor(Color.GREEN);
        m成绩.setColors(ColorTemplate.MATERIAL_COLORS);
        datasets.add(m成绩);
        barChart.setData(new BarData(datasets));
//        scores.add(90f);
//        YAxisValueFormatter yAxisValueFormatter=new YAxisValueFormatter(scores);
//        axisLeft.setValueFormatter(yAxisValueFormatter);
    }
    @Override
    protected int getLayoutId() {
        return R.layout.act_barh;
    }
}Demo 地址 https://git.oschina.net/gsc_abc/zhuzhuangtu.git

江南一舟110
关注
专栏目录
2020年安卓学习笔记目录
howard2005的专栏
10-24 3189
一、讲课笔记 安卓学习笔记01：安装集成开发环境Android Studio 安卓学习笔记02：测试安卓开发环境 安卓学习笔记03：安卓应用目录结构 安卓学习笔记04：安卓平台架构 安卓学习笔记05：Activity概述 安卓学习笔记06：Activity生命周期与启动模式 安卓学习笔记07：事件处理、窗口跳转与传递数据 安卓学习笔记08：线性布局 安卓学习笔记09：帧式布局 安卓学习笔记10：相对布局 安卓学习笔记11：网格布局 安卓学习笔记12：安卓按键事件 安卓学习笔记13：安卓触摸事件 安卓学习笔
16软件1班安卓第二学期学习总结
howard2005的专栏
05-24 1027
1、刘茂安卓第二学期总结 这学期其实一直都在各种比赛中来回准备，移动开发竞赛是在大二上期开始准备和选拔，入选中的二十多位同学都是各方面都有闪光点的，这学期前一个月我们在4303、4209,、建筑系4楼、图书馆7楼从早上到晚上不停得做题，对接口，请求数据，那段时间眼睛度数感觉是猛增哈哈哈哈，竞赛完以后我们每一个人轮流上课讲了案例，将自己的知识分享给同学，一起交流，一起解决问题。其实我的编程能力还需要提升，就像刘利老师跟我说的一样，或者也是我的性格原因也会让接触过的人觉得我这个人在某些方面过于自我吧，所以我也是
用MPAndroidChart实现可滑动的柱状图
12-02
用MPAndroidChart实现可滑动的柱状图 原理:MPAndroidChart并没有提供给滑动柱状图,但是视图是可以放大的,然后就能滑动了,so,嘿嘿嘿 详情,我的博客中会有的
MPAndroidChart柱状图
hailin123123的博客
10-10 1164
继昨天写的这些图后，今天趁热打铁，写了市面上常见的数据统计图——柱状图和饼状图。有兴趣的可以看看我上一篇博客——折线图篇。折线图，这篇主要讲述的是柱状图，来吧，直接上效果图，骚年。 一、效果图 二、代码 int max = 16; //x轴方向上的坐标值 //List<String> xVals = BarData.generateXVals(0,
Android studio MPAndroidChart 柱形图表
最新发布
谁呛我名字的博客
05-17 574
MPAndroidChart 柱形图的使用与与折线图的使用大致相同，也是通过设置Legend，Description，XAxis，YAxis，BarDataset，BarSet和BarChart来达到我们想要的属性。Android studio MPAndroidChart 图表 (二)
安卓图表控件MPAndroidChart使用之柱状图
Strong_Darkness的博客
03-19 705
首先引入MPAndroidChart控件 implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3' 在需要控件的页面布局上加上 <com.github.mikephil.charting.charts.BarChart android:id="@+id/chart" android:layout_width="...
Android MPAndroidChart--使用柱状图
weixin_51298509的博客
04-16 4761
前言 2021-4-16 记录今天学习的内容 以下是本篇文章正文内容，下面案例可供参考 一、MpAndroidChart是什么？ MpAndroidChart是基于Android的开源图表库,它能够实现很多常用的图表类型.如线性图,饼图,柱状图和散点图.它还提供了一些对图表的操作功能,如:拖拽,缩放,显示动画效果等. 文档地址: https://github.com/PhilJay/MPAndroidChart 二、导入依赖 1.在根文件目录下引入 代码如下（示例）： maven{url 'http.
2种Android图表的简单介绍+折线图、饼图的例子，字节跳动移动架构师学习笔记
m0_66264910的博客
03-17 1379
setTitle(“PieChartActivity”); pie = (PieChart) findViewById(R.id.pie); //②输入数据 //其中两个数字对应的分别是 X轴Y轴 list.add(new PieEntry(25,“Cola”)); list.add(new PieEntry(10, “Sprite”)); list.add(new PieEntry(13, “Fanta”)); list.add(new PieEntry(20, “Suntory”)); list.add
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 7451
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
一个牛奔的Android开源大全
watertekhqx的博客
01-25 6863
leobert.lan的博客 一起学习目录视图 摘要视图 订阅 聚焦行业最佳实践，BDTC 2016完整议程公布 微信小程序实战项目——点餐系统 程序员11月书讯，评论得书啦 Get IT技能知识库，50个领域一键直达 github上的优秀android开源项目 2015-11-17 16:35 1219人阅读 评论(0) 收藏 举报目录(?)[+]酷
MPAndroidChart多组柱状图 , 实现X轴的数据是文字,多组数据的展示放大. 缩小不走样 , 可以自由的滑动
02-24
基于MPAndroidChart开源框架 , 实现按自己的项目需求开发的多组柱状图
MpAndroidChart柱状图自定义
01-29
现在只能设置最低分2分，本来不想要分的，MpAndroidChart柱状图自定义，介绍了包括X轴自定义，Y轴自定义，Value值自定义，详见博客： http://blog.csdn.net/yy11534/article/details/79191369
Android简单绘制饼状图
08-17
简单饼状图,简单的
MPAndroidChart使用柱状图等示例
08-22
Line Chart（线图） Bar Chart（条形图，又称柱状图） Combined Chart（组合图：线性+条形） Pie Chart（饼状图） Scatter Chart（散点图） Bubble Chart（气泡图） Stacked Bar Chart（堆积条形图） Candle Stick Chart（蜡烛图） Cubic Line Chart（立方拟合的折线图） Radar Chart（雷达图） Realtime Chart（实时折线图） Sinus Bar Chart（正弦柱状图） 作者：沉思的Panda 链接：https://www.jianshu.com/p/c6e8ea5e9ba0 來源
mpandroidchart 对比直方图（柱状图）demo
05-27
mpandroidchart 对比直方图（柱状图）demo
MPAndroidChart的使用：柱状图（二）
hdhhd的博客
09-22 2432
。。。
Android之使用MPAndroidChart绘画柱状图
weixin_51314713的博客
04-07 550
结语：第一次绘制柱状图，有很多属性没有实现，如果我有任何错误或不准确的地方，请各位大佬批评指正，我将非常感激您的帮助。
安卓图形之MPAndroidChart3.0详解三——柱状图（一）（属性篇）
qq_43332570的博客
11-28 8547
1 前言 MPAndroidCHart中柱状图的使用与与折线图的使用大致相同，也是通过设置Legend，Description，XAxis，YAxis，BarDataset，BarSet和BarChart来达到我们想要的属性。 2 基本使用 下面的这个demo仅仅只是演示了MPAndroidCahrt中柱状图最基本的使用，就只是简单的填充了数据，都是默认的样式 效果图 代码如下 publi...
MPAndroidChart 3.1.0 柱状图使用
m0_50774720的博客
04-29 239
【代码】MPAndroidChart 3.1.0 柱状图使用。
MPAndroidChart详解：饼状图、折线图与柱状图实战
"这篇文章主要讲解了如何在Android项目中使用MPAndroidChart开源图表库来创建饼状图、折线图和柱状图。MPAndroidChart是一个功能强大的图表库，允许开发者在Android应用中轻松地展示各种统计图表，并支持图表的交互...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江南一舟110

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值