MPAndroidChart 整理

最新推荐文章于 2024-04-22 16:48:48 发布
最新推荐文章于 2024-04-22 16:48:48 发布
阅读量4.5k 收藏 22
点赞数 9
分类专栏： Android 开发总结 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32886769/article/details/106414490
版权
这篇博客详细介绍了如何在Android项目中使用MPAndroidChart库进行数据图表的展示。作者提供了集成步骤、布局和Activity代码示例，以及相关类的代码片段。此外，还分享了自定义MarkerView和RadarMarkerview的实现，并提示了资源文件的处理方法。通过提供的下载链接，读者可以获取完整的可运行代码。
摘要由CSDN通过智能技术生成

近来由于业务需求，要做图表类型的数据展示，故想到了

MPAndroidChart

先上图：

 

由于是Pad上的截图，所以图片有点大；

首先说MPAndroidChart的集成；

implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
maven { url "https://jitpack.io" }

 

集成后直接上代码：

1、布局代码：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">


            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="年份柱状图" />

                <com.github.mikephil.charting.charts.BarChart
                    android:id="@+id/yearBarChart"
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:layout_centerVertical="true" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="带文字的柱状图" />

                <com.github.mikephil.charting.charts.BarChart
                    android:id="@+id/mBarChart"
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:layout_centerVertical="true" />
            </LinearLayout>

        </LinearLayout>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">


            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="横向的柱状图" />

                <com.github.mikephil.charting.charts.HorizontalBarChart
                    android:id="@+id/hBarChart"
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:layout_centerVertical="true" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="雷达图" />

                <com.github.mikephil.charting.charts.RadarChart
                    android:id="@+id/radarChart"
                    android:layout_width="match_parent"
                    android:layout_height="200dp" />
            </LinearLayout>

        </LinearLayout>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">


            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="折现统计图" />

                <com.github.mikephil.charting.charts.LineChart
                    android:id="@+id/lineChart"
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:layout_centerVertical="true" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="折线图第二种" />

                <com.github.mikephil.charting.charts.LineChart
                    android:id="@+id/lineChart2"
                    android:layout_width="match_parent"
                    android:layout_height="200dp" />
            </LinearLayout>

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">


            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="第三种折线图" />

                <com.github.mikephil.charting.charts.LineChart
                    android:id="@+id/lineChart3"
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:layout_centerVertical="true" />
            </LinearLayout>



        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="饼状图" />

            <com.github.mikephil.charting.charts.PieChart
                android:id="@+id/mPieChart"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </LinearLayout>

    </LinearLayout>
</ScrollView>

 

2、再上Activity代码：

public class MainActivity extends AppCompatActivity implements OnChartValueSelectedListener {

    private BarChart yearBarChart;
    private BarChart mBarChart;
    private HorizontalBarChart hBarChart;
    private RadarChart radarChart;
    private LineChart lineChart;
    private LineChart lineChart2;
    private LineChart lineChart3;
    private PieChart mPieChart;
    private Typeface tf;

    protected final String[] parties = new String[] {
            "Party A", "Party B", "Party C", "Party D", "Party E", "Party F", "Party G", "Party H",
            "Party I", "Party J", "Party K", "Party L", "Party M", "Party N", "Party O", "Party P",
            "Party Q", "Party R", "Party S", "Party T", "Party U", "Party V", "Party W", "Party X",
            "Party Y", "Party Z"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initYearBarChart();
        initmBarChar();
        inithBarChart();
        initRadarChart();
        initLineC
最低0.47元/天 解锁文章
乃哥1
关注
专栏目录
MPAndroidChart
yupan_93的博客
03-21 401
CombinedChart 1.chart基本属性设置 mChart.setNoDataText(""); mChart.setDescription(""); mChart.setBackgroundResource(R.mipmap.background); mChart.setBackgroundColor(getResources().getColor(R.c
MPAndroidChart库使用详解——LineChart
凌风的博客
11-30 1万+
介绍：MPAndroidChart是一款基于Android的开源图库，具有着很好的扩展性，兼容Android 2.2 ( API 8 ) 和以上 支持线状图、柱状图、散点图、烛状图、气泡图、饼状图和蜘蛛网状图 支持缩放、拖动(平移)、选择和动画 一、引入AS项目这里以github上目前最新版本V3.0.1为例： 在Project级别的build.gradle中添加如下代码：allprojects
mpandroidchart
07-07
mpandroidchart的各种图表使用，相当于一个新的module，使用的时候直接导入就可以了。
MPAndroidChart详解
热门推荐
u013338165的专栏
04-01 3万+
http://blog.csdn.net/guijiaoba/article/details/41444697 最近一个项目需要用到表格进行统计显示，本来用的是的achartengine，后来发现一个更加强大的开源框架MPAndroidChart。 下面简单介绍下MPAndroidChart，MPAndroidChart的效果还是蛮好的，提供各种动画，这个也是我使用MPAndroi
MPAndroidchart
louyxlovess的博客
10-13 283
连接地址：Mpandroidchart
MPAndroidChart 中文文档
03-29
以下是根据提供的信息整理出的MPAndroidChart关键知识点： 1. **基本概念**：MPAndroidChart支持多种图表类型，如条形图、线形图、饼图、散点图、雷达图等，适用于展示数据的统计分析。 2. **图表创建**：首先，你...
MPAndroidChart项目实战（三）——饼状图实现和文字重合问题解决
行动者&&职业化
04-12 1万+
一丶概述 上一篇代码补了这么久，不好意思，今天再说说MPAndroidChart实现饼状图以及文字冲突问题解决。 二丶演示效果 三丶实现功能 1.饼状图实现 2.解决当占比过小，文字重合问题 四丶看代码 与上一篇，提高代码复用率 PieChartEntity.Java 设置基本属性（这里不做详细说明，百度有文章可查看属性） /** * 饼状图 *
MPandroidChart
11-01
MpAndroidChart的简单封装，适用于项目维护，开发。 主要封装柱状图，饼状图，折线图，横向柱状图，柱状图可以实现多柱图
MPAndroidCharts
12-28
MPAndroidCharts 模仿百度手机助手动态折线图
Android-MPAndroidChart：RadarChart（雷达蜘蛛图）绘制圆点
最新发布
2401_84132370的博客
04-22 468
最后这里放上我这段时间复习的资料，这个资料也是偶然一位朋友分享给我的，里面包含了腾讯、字节跳动、阿里、百度2019-2021面试真题解析，并且把每个技术点整理成了视频和PDF（知识脉络 + 诸多细节）。还有高级架构技术进阶脑图、高级进阶架构资料帮助大家学习提升进阶，也可以分享给身边好友一起学习。一起互勉~《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
MPAndroidChart项目实战（四）——柱状图实现及X轴文字不显示问题和柱状图上显示文字
行动者&&职业化
04-20 2万+
一丶慨述 虽然在MPAndroidChart项目实战（一）里面就说了双柱状图的实现，但毕竟那是旧的jar包版，而目前的项目开发，用到的都是新版本，所以还是说一下总结一下 正文：
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值