Android数学图像MPAndroidChart的使用

最新推荐文章于 2024-08-11 03:38:01 发布
最新推荐文章于 2024-08-11 03:38:01 发布
阅读量1.1k 收藏
点赞数
分类专栏： Android 文章标签： 数学曲线 MPAndroidChart Android表格 柱状图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaodecang/article/details/78619744
版权

1、添加gradle配置

   
   

    
    

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

2、布局文件

   
   

    
    

     
     <?xml version="1.0" encoding="utf-8"?>
    
    

    
    

     
     <LinearLayout
    
    

    
    

     
         xmlns:android="http://schemas.android.com/apk/res/android"
    
    

    
    

     
         android:layout_width="match_parent"
    
    

    
    

     
         android:layout_height="match_parent"
    
    

    
    

     
         android:orientation="vertical">
    
    

    
    

     
         <FrameLayout
    
    

    
    

     
             android:layout_width="match_parent"
    
    

    
    

     
             android:layout_height="wrap_content"
    
    

    
    

     
             android:background="#1BBC9B"
    
    

    
    

     
             android:orientation="horizontal">
    
    

    
    

     
             <TextView
    
    

    
    

     
                 android:layout_width="match_parent"
    
    

    
    

     
                 android:layout_height="48dp"
    
    

    
    

     
                 android:background="#1BBC9B"
    
    

    
    

     
                 android:gravity="center_vertical|center_horizontal"
    
    

    
    

     
                 android:text="今日温度变化趋势"
    
    

    
    

     
                 android:textColor="#fff"
    
    

    
    

     
                 android:textSize="18sp"/>
    
    

    
    

     
             <ImageButton
    
    

    
    

     
                 android:layout_width="wrap_content"
    
    

    
    

     
                 android:layout_height="match_parent"
    
    

    
    

     
                 android:background="@null"
    
    

    
    

     
                 android:onClick="backTo"
    
    

    
    

     
                 android:padding="8dp"
    
    

    
    

     
                 android:src="@drawable/back"/>
    
    

    
    

     
         </FrameLayout>
    
    

    
    

     
         <View
    
    

    
    

     
             android:layout_width="match_parent"
    
    

    
    

     
             android:layout_height="1dp"
    
    

    
    

     
             android:alpha="0.3"
    
    

    
    

     
             android:background="#FFFFFF"/>
    
    

    
    

     
         <FrameLayout
    
    

    
    

     
             android:layout_width="match_parent"
    
    

    
    

     
             android:layout_height="250dp"
    
    

    
    

     
             android:background="@drawable/bg_chart">
    
    

    
    

     
             <View
    
    

    
    

     
                 android:layout_width="42dp"
    
    

    
    

     
                 android:layout_height="228dp"
    
    

    
    

     
                 android:alpha="0.3"
    
    

    
    

     
                 android:background="#FFFFFF"/>
    
    

    
    

     
             <LinearLayout
    
    

    
    

     
                 android:layout_width="match_parent"
    
    

    
    

     
                 android:layout_height="22dp"
    
    

    
    

     
                 android:layout_gravity="bottom"
    
    

    
    

     
                 android:alpha="0.3"
    
    

    
    

     
                 android:background="#FFFFFF"
    
    

    
    

     
                 android:orientation="horizontal">
    
    

    
    

     
                 <TextView
    
    

    
    

     
                     android:id="@+id/tv_xstart"
    
    

    
    

     
                     android:layout_width="wrap_content"
    
    

    
    

     
                     android:layout_height="wrap_content"
    
    

    
    

     
                     android:layout_gravity="bottom"
    
    

    
    

     
                     android:layout_marginLeft="42dp"
    
    

    
    

     
                     android:text="2000-00-00 00:00:00"/>
    
    

    
    

     
                 <TextView
    
    

    
    

     
                     android:layout_width="0dp"
    
    

    
    

     
                     android:layout_height="wrap_content"
    
    

    
    

     
                     android:layout_gravity="bottom"
    
    

    
    

     
                     android:layout_weight="1"
    
    

    
    

     
                     android:gravity="center_horizontal"
    
    

    
    

     
                     android:text="......"/>
    
    

    
    

     
                 <TextView
    
    

    
    

     
                     android:id="@+id/tv_xend"
    
    

    
    

     
                     android:layout_width="wrap_content"
    
    

    
    

     
                     android:layout_height="wrap_content"
    
    

    
    

     
                     android:layout_gravity="bottom"
    
    

    
    

     
                     android:text="2099-12-31 23:59:59"/>
    
    

    
    

     
             </LinearLayout>
    
    

    
    

     
             <com.github.mikephil.charting.charts.LineChart
    
    

    
    

     
                 android:id="@+id/chart"
    
    

    
    

     
                 android:layout_width="match_parent"
    
    

    
    

     
                 android:layout_height="match_parent"/>
    
    

    
    

     
         </FrameLayout>
    
    

    
    

     
     </LinearLayout>

3、填充数据设置监听    

   
   

    
    

     
     private LineChart chart = (LineChart) findViewById(R.id.chart);
    
    

    
    

     
     ChartUtils.initChart(chart);// 初始化设置
    
    

    
    

     
     chart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
    
    

    
    

     
     	@Override
    
    

    
    

     
     	public void onValueSelected(Entry e, Highlight h) {
    
    

    
    

     
     		String[] data = (String[]) e.getData();
    
    

    
    

     
     		if(dateRes.getVisibility()==View.GONE)
    
    

    
    

     
     			dateRes.setVisibility(View.VISIBLE);
    
    

    
    

     
     		dateRes.setText(data[0].replace(".0", ""));
    
    

    
    

     
     		changeLvItemBackground(Integer.valueOf(data[1]));
    
    

    
    

     
     	}
    
    

    
    

     
     	@Override
    
    

    
    

     
     	public void onNothingSelected() {}
    
    

    
    

     
     });
    
    

    
    

     
     {
    
    

    
    

     
     	//在子线程获取数据并在主线程更新数学图标
    
    

    
    

     
     	ArrayList<Temperature> tmps = (ArrayList<Temperature>) msg.obj;
    
    

    
    

     
     	ChartUtils.notifyDataSetChanged(chart, tmps);
    
    

    
    

     
     }
    
    

   
   
    
    

     
     

      
      private void changeLvItemBackground(int index) {// 修改指定索引的条目背景颜色
     
     

     
     

      
      	if(dataAdapter.getCurrentItem()==index)
     
     

     
     

      
      		return;
     
     

     
     

      
      	dataAdapter.setCurrentItem(index);
     
     

     
     

      
      	dataAdapter.notifyDataSetChanged();
     
     

     
     

      
      	lvRecent.setSelection(index);
     
     

     
     

      
      }
     
     

    
    
    
    

     
     

      
      public class ChartUtils {
     
     

     
     

      
      	private static ArrayList<String> xValues = new ArrayList<>();
     
     

     
     

      
          private static final String[] xxValues = 
     
     

     
     

      
      		new String[] {"05:00", "07:00", "09:00", "11:00", "13:00", "15:00", "17:00", "19:00", "21:00", "23:00"};
     
     

     
     

      
          public static LineChart initChart(LineChart chart) {
     
     

     
     

      
              // 不显示数据描述
     
     

     
     

      
              chart.getDescription().setEnabled(false);
     
     

     
     

      
              // 没有数据的时候，显示“暂无可用数据”
     
     

     
     

      
              chart.setNoDataText("暂无可用数据");
     
     

     
     

      
              // 不显示表格颜色
     
     

     
     

      
              chart.setDrawGridBackground(false);
     
     

     
     

      
              chart.setDragEnabled(true);// 拖动
     
     

     
     

      
              chart.setPinchZoom(true);// 缩放
     
     

     
     

      
              // 可以缩放
     
     

     
     

      
              chart.setScaleEnabled(true);
     
     

     
     

      
              // 不显示y轴右边的值
     
     

     
     

      
              chart.getAxisRight().setEnabled(false);
     
     

     
     

      
              // 不显示图例
     
     

     
     

      
              Legend legend = chart.getLegend();
     
     

     
     

      
              legend.setEnabled(false);
     
     

     
     

      
              // 向左偏移15dp，抵消y轴向右偏移的30dp
     
     

     
     

      
              chart.setExtraLeftOffset(-15);
     
     

     
     

      
              XAxis xAxis = chart.getXAxis();
     
     

     
     

      
              // 不显示x轴
     
     

     
     

      
              xAxis.setDrawAxisLine(false);
     
     

     
     

      
              xAxis.setEnabled(false);
     
     

     
     

      
              // 设置x轴数据的位置
     
     

     
     

      
              xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
     
     

     
     

      
              xAxis.setTextColor(Color.WHITE);
     
     

     
     

      
              xAxis.setTextSize(12);
     
     

     
     

      
              xAxis.setGridColor(Color.parseColor("#30FFFFFF"));
     
     

     
     

      
              // 设置x轴数据偏移量
     
     

     
     

      
              // xAxis.setYOffset(-12);
     
     

     
     

      
              YAxis yAxis = chart.getAxisLeft();
     
     

     
     

      
              // 不显示y轴
     
     

     
     

      
              yAxis.setDrawAxisLine(false);
     
     

     
     

      
              yAxis.setDrawGridLines(true);
     
     

     
     

      
              // 设置y轴数据的位置
     
     

     
     

      
              yAxis.setPosition(YAxis.YAxisLabelPosition.OUTSIDE_CHART);
     
     

     
     

      
              // 不从y轴发出横向直线
     
     

     
     

      
              yAxis.setDrawGridLines(false);
     
     

     
     

      
              yAxis.setTextColor(Color.parseColor("#61B9AD"));
     
     

     
     

      
              yAxis.setTextSize(12);
     
     

     
     

      
              // 设置y轴数据偏移量
     
     

     
     

      
              yAxis.setXOffset(30);
     
     

     
     

      
              yAxis.setYOffset(-3);
     
     

     
     

      
              yAxis.setAxisMinimum(0);
     
     

     
     

      
              chart.invalidate();
     
     

     
     

      
              return chart;
     
     

     
     

      
          }
     
     

     
     

      
          public static void setData(LineChart chart, List<Temperature> values) {
     
     

     
     

      
              XAxis xAxis = chart.getXAxis();
     
     

     
     

      
              xAxis.setLabelCount(5);
     
     

     
     

      
              xAxis.setValueFormatter(new MyValueFormatter());
     
     

     
     

      
              double min = values.get(0).getYcwd();
     
     

     
     

      
              double max = values.get(0).getYcwd();
     
     

     
     

      
              ArrayList<Entry> yValue = new ArrayList<>();
     
     

     
     

      
              ArrayList<Entry> yValue1 = new ArrayList<>();
     
     

     
     

      
              for (int i = 0; i < values.size(); i++) {
     
     

     
     

      
                  Temperature value = values.get(i);
     
     

     
     

      
                  double nowMin = getMinYWD(value.getYcwd(),value.getCxwd());
     
     

     
     

      
                  double nowMax = getMaxYWD(value.getYcwd(),value.getCxwd());
     
     

     
     

      
                  min = getMinYWD(min,nowMin);
     
     

     
     

      
                  max = getMaxYWD(max,nowMax);
     
     

     
     

      
      			//if (value.getHjwd() < min)
     
     

     
     

      
      			//min = value.getYcwd();
     
     

     
     

      
                  xValues.add(value.getSj());
     
     

     
     

      
                  Entry yEntry = new Entry(i, (float) value.getCxwd());
     
     

     
     

      
                  String[] dataa = new String[] {values.get(i).getSj(), "" + i};
     
     

     
     

      
                  yEntry.setData(dataa);
     
     

     
     

      
                  yValue.add(yEntry);
     
     

     
     

      
                  Entry yEntry1 = new Entry(i, (float) value.getYcwd());
     
     

     
     

      
                  yEntry1.setData(dataa);
     
     

     
     

      
                  yValue1.add(yEntry1);
     
     

     
     

      
              }
     
     

     
     

      
              chart.getAxisLeft().setAxisMinimum((float) (min - 20));
     
     

     
     

      
              chart.getAxisLeft().setAxisMaximum((float) (max + 10));
     
     

     
     

      
              LineDataSet dataSet = new LineDataSet(yValue, "C相温度");
     
     

     
     

      
              LineDataSet dataSet1 = new LineDataSet(yValue1, "预测温度");
     
     

     
     

      
              dataSet.setColor(Color.RED);
     
     

     
     

      
              dataSet1.setColor(Color.BLUE);
     
     

     
     

      
              List<ILineDataSet> dataSets = new ArrayList<>();
     
     

     
     

      
              dataSets.add(dataSet);
     
     

     
     

      
              dataSets.add(dataSet1);
     
     

     
     

      
              LineData lineData = new LineData(dataSets);
     
     

     
     

      
              chart.setData(lineData);
     
     

     
     

      
          }
     
     

     
     

      
          public static void notifyDataSetChanged(LineChart chart, List<Temperature> values) {
     
     

     
     

      
              setData(chart, values);
     
     

     
     

      
              chart.invalidate();
     
     

     
     

      
          }
     
     

     
     

      
          private static class MyValueFormatter implements IAxisValueFormatter {
     
     

     
     

      
              @Override
     
     

     
     

      
              public String getFormattedValue(float value, AxisBase axis) {
     
     

     
     

      
                  return xxValues[(int) value % xxValues.length];
     
     

     
     

      
              }
     
     

     
     

      
          }
     
     

     
     

      
          private static double getMinYWD(double wd1, double wd2){
     
     

     
     

      
              return wd1 > wd2 ? wd2 : wd1;
     
     

     
     

      
          }
     
     

     
     

      
          private static double getMaxYWD(double wd1, double wd2){
     
     

     
     

      
              return wd1 < wd2 ? wd2 : wd1;
     
     

     
     

      
          }
     
     

     
     

      
      }

赵得C
关注
专栏目录
MPAndroidChart的使用
yuqingsen的博客
10-11 587
第一步添加依赖 根据GItHub上项目的提示，在project的build.gradle中的allprojects代码块中添加如下代码 repositories { maven { url 'https://jitpack.io' } } 在app的build.gradle中添加如下代码 dependencies { implementation 'com.github.Phil...
用Android Studio 开发PID控制器
weixin_45650005的博客
12-24 800
用Android Studio 开发PID控制器一、线性布局和相对布局1、线性布局（LinearLayout）2、相对布局（RelativeLayout）二、TextView1、属性2、各种效果三、Button1、属性2、制作按钮背景DIY按钮3、特殊的按键设置（按压有变化）四、EditText1、属性五、MPAndroidChart1、添加到自己的工程中六、FlexibleRichTextView数学公式显示控件1、添加到自己的工程中 Android Studio笔记UI组件 第一次写SCDN，我把我的n
MPAndroidChart使用详解
热门推荐
dapangzao的专栏
07-11 3万+
本文讲述对MPAndroidChart的使用，大部分是从其文档中摘录过来的。版本3.0.2一、MPAndroidChart概述MPAndroidChart 是一款专门用于Android绘制图表的库，相当强大，当然也有IOS的版本。GitHub上地址：Git-MPAndroidChart 。 其特点如下： 支持8中不同图表类型 支持轴上的缩放 可拖动、平移 可定制轴 可突出选中的值（瞄准点及弹出po
Android MPAndroidChart实现股票k线图
最新发布
weixin_42047918的博客
08-11 76
Android MPAndroidChart实现股票K线图 在现代金融应用中，K线图（Candlestick Chart）是一种广泛使用的金融图表，用于展示股票、外汇等金融工具的价格变化情况。本文将介绍如何在Android应用中使用MPAndroidChart库实现股票K线图，并附带代码示例，帮助你轻松构建自己的K线图。 ...
MPAndroidChart使用
chuyouyinghe的专栏
02-23 4902
MPAndroidChart的基本使用 本文讲述对MPAndroidChart的基本使用 一、添加依赖 Usage​ 二、layout布局，我这里实现了三个图形，可以根据自己的需要，添加图形控件 三、实现代码 图形横纵坐标默认为float形式，如果想展示文字形式，需要自定义适配器。自定义适配器会在“四”中列出 四、自定义适配器类 XAxisValueFormatter： MyAxisValue...
MPAndroidChart之饼图和柱状图（一）
qq_41983759的博客
12-03 792
今天想在这里和大家分享一下如何使用MPAndroidChart来实现饼图和柱状图 一、饼图 饼图说白了，就是个大圆饼，只不过这里的饼图可以是实心圆，也可以是空心圆，请看下图： 大家看，是不是很神奇，下面我们就来讲一下他们是如何实现的。 首先我们分析下，这里一个图里面都有什么东西： 1、百分比 2、标签文字 3、中间圆环里的文字 4、圆环的颜色 那好，下面我们进入主题 第一步，要使用MPAndr...
android统计图
11-22
2. 教育应用：用于教学，帮助学生理解数学概念，如函数图像、统计数据等。 3. 新闻媒体应用：展示新闻相关的统计数据，如人口增长、经济增长等。 4. 游戏应用：展示游戏成就、排行榜等信息。 三、源码分析与使用 ...
Android开源项目库汇总
opendigg的博客
05-02 4783
最近做了一个Android开源项目库汇总，里面集合了OpenDigg 上的优质的Android开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。抽屉菜单 MaterialDrawer ★7337 - 安卓抽屉效果实现方案 Side-Menu.Android ★3865 - 创意边侧菜单 FlowingDrawer ★1744 - 向右滑动流动抽
Android 各类优秀依赖库 等各位砖友来搬
as89751的博客
09-03 2912
有很多类型的开源库 希望能够帮助到您 抽屉菜单 MaterialDrawer ★7337 - 安卓抽屉效果实现方案 Side-Menu.Android ★3865 - 创意边侧菜单 FlowingDrawer ★1744 - 向右滑动流动抽屉效果 SlidingRootNav ★1338 - 仿DrawerLayout的ViewGroup FantasySlide ★1049...
MPAndroidChart的详细使用——添加依赖
01-20
这两天仔细阅读了MPAndroidChart开源库的官方文档，想想就按照官方文档目录的顺序来写博客，也差不多等于翻译+自用心得！ MPAndroidChart的详细使用——创建视图以及简单实现 这边也有针对于几个常用的图表的实操 MPAndroidChart的详细使用——LineChart折线图（一）（简单使用） MPAndroidChart的详细使用——LineChart折线图（二）（详细美化） MPAndroidChart的详细使用——BarChart条形图（一）（简单使用） MPAndroidChart的详细使用——BarChart条形图（二）（详细美化） MPAndroidChart的
MPAndroidChart的详细使用——LineChart折线图（二）
01-03
今天来记录一下LineChart（折线图）的详细使用（美化）！ 注：本人使用的版本是MPAndroidChart-v3.0.3（如若版本不同有某些方法更新，可在评论区留言，尽我所能帮你解决！） 上一篇文章讲了折线图的简单使用，这篇文章就来讲进阶使用（美化） MPAndroidChart的详细使用——LineChart折线图（一）（简单使用） MPAndroidChart的详细使用——BarChart条形图（一）（简单使用） MPAndroidChart的详细使用——BarChart条形图（二）（详细美化） MPAndroidChart的详细使用——BarChart条形图组（三）（条形图组） 老
安卓开源库mpandroidchart详细使用例子
08-18
例子里面有饼状图、柱状图、折线图和散点图的具体使用方法，要学习这个框架的可以下载来看一下
MPAndroidChart的详细使用——BarChart条形图（一）
01-03
今天来记录一下BarChart（条形图）的简单使用！ 注：本人使用的版本是MPAndroidChart-v3.0.3（如若版本不同有某些方法更新，可在评论区留言，尽我所能帮你解决！） MPAndroidChart的详细使用——LineChart折线图（一）（简单使用） MPAndroidChart的详细使用——LineChart折线图（二）（详细美化） MPAndroidChart的详细使用——BarChart条形图（二）（详细美化） MPAndroidChart的详细使用——BarChart条形图组（三）（条形图组） 此文章就单纯地讲怎么画条形图（还有一点点小美化） 先上效果图： XML
最新mpandroidchartlib eclipse专用
03-31
最新mpandroidchart lib，加入了.setFillDrawable()方法，eclipse专用
MPAndroidChart的详细使用——设置数据
Android_小黑
03-08 4687
本期是讲如何为图表添加数据 温馨提示：本期没有跟着官方文档来写，纯靠自己学习过程中所学习的方法，个人觉得使用起来比官方文档的要更加简洁 上一篇：MPAndroidChart的详细使用——坐标轴（X轴、Y轴、零线） 下一篇：MPAndroidChart的详细使用——ValueFormatter和AxisValueFormatter接口 折线图（多条数据） //首先实例化一个 List 用来储存你的...
MPAndroidChart的详细使用——创建视图以及简单实现
Android_小黑
03-05 3348
上一篇讲了如何添加依赖，依赖添加好了那么就来讲怎么简单使用这个开源库！ MPAndroidChart的详细使用——添加依赖 第一步：首先需要在你的XML文件中添加上一个视图（View） 这边只演示一个LineChart的添加，如果你需要别的图标，可以用同样的方法添加上View 控件名 名称 LineChart 折线图 BarChart 柱状图（条形图） PieChart 饼...
MPAndroidChart 教程
Marco_L的博客
01-04 271
原文链接https://blog.csdn.net/u014136472/article/details/50273309
Android中使用MPAndroidChart绘制横向圆角柱状图
05-24
使用 MPAndroidChart 绘制横向圆角柱状图的步骤如下： 1. 在你的项目中添加 MPAndroidChart 的依赖。 2. 在 XML 布局文件中添加一个 BarChart 控件。 3. 在代码中获取 BarChart 控件的实例，并进行一些基础设置，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值