栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Android 开发第三方框架制作条形图、折线图、饼状图、水平条形图

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Android 开发第三方框架制作条形图、折线图、饼状图、水平条形图

Android 第三方框架MPAndroidChart-v3.1.0的简单使用

这里写目录标题
  • Android 第三方框架MPAndroidChart-v3.1.0的简单使用
    • 前言
    • 引入库
    • 布局
    • 初始化动画
    • 条形图
      • 代码
      • 效果
    • 折线图
      • 代码
      • 效果
    • 饼状图
      • 代码
      • 效果
    • 水平条形图(和条形图的用法差不多)
      • 代码
      • 效果

前言

文章内容主要是如何去用条形图、折线图、饼状图、水平条形图。

一些方法的的使用意思都是本人自己理解的仅供大家学习参考!

引入库

GitHub地址:https://github.com/PhilJay/MPAndroidChart

'com.github.PhilJay:MPAndroidChart:v3.1.0'
布局
			
            

			
            


			
            

			
            
初始化动画
 		Hbarchart.animateX(500);  // 设置X轴的动画
        linechart.animateXY(500,500);// 设置X轴和Y轴的动画
        pieChart.animateXY(500,500);// 设置X轴和Y轴的动画
        barchart.animateXY(500,500);// 设置X轴和Y轴的动画
条形图 代码
		barchart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM); // 设置X显示在哪个位置
        barchart.getAxisRight().setEnabled(false); // 隐藏右边的Y轴
        barchart.getDescription().setEnabled(false);  // 隐藏详细文字介绍

		// 初始化数据
        List barEntries1 = new ArrayList<>();
        List barEntries2 = new ArrayList<>();

        List stringList = new ArrayList<>();
        for (int i = 0; i < 5; i++) {
            barEntries1.add(new BarEntry(i, new Random().nextInt(100)));
            // new BarEntry(位置, 值);
            barEntries2.add(new BarEntry((float) (i+0.3), new Random().nextInt(100)));
            stringList.add("测试" + i);
        }


		// 定义BarDataSet
        BarDataSet barDataSet1 = new BarDataSet(barEntries1, "测试1");
        BarDataSet barDataSet2 = new BarDataSet(barEntries2, "测试2");

		// 设置BarDataSet显示的颜色
        barDataSet1.setColor(getResources().getColor(R.color.red));
        barDataSet2.setColor(getResources().getColor(R.color.blue));

		// 定义BarData 将刚刚定义的BarDataSet传进去
        BarData barData = new BarData(barDataSet1, barDataSet2);

		// 设置显示的宽度
        barData.setBarWidth(0.3f);
		// 设置X轴上显示的值
        barchart.getXAxis().setValueFormatter(new IndexAxisValueFormatter(stringList));
		// 设置粒度 1的话就是默认X轴的值都显示
        barchart.getXAxis().setGranularity(1);
		// 传入BarData
        barchart.setData(barData);
效果

折线图 代码
		linechart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM);// 设置X显示在哪个位置
        linechart.getAxisRight().setEnabled(false);// 隐藏右边的Y轴
        linechart.getDescription().setEnabled(false);// 隐藏详细文字介绍

		// 初始化数据
        List list = new ArrayList<>();
        List stringList = new ArrayList<>();
        for (int i = 0; i < 5; i++) {
            list.add(new Entry(i, new Random().nextInt(100)));
            stringList.add("测试" + i);
        }
		// 设置粒度 1的话就是默认X轴的值都显示
        linechart.getXAxis().setGranularity(1);
		// 设置X轴上显示的值
        linechart.getXAxis().setValueFormatter(new IndexAxisValueFormatter(stringList));
		// 定义LineDataSet
        LineDataSet lineDataSet = new LineDataSet(list, "测试");
		// 定义LineData 将lineDataSet传入 
        LineData lineData = new LineData(lineDataSet);
		// 传入lineData
        linechart.setData(lineData);
效果

饼状图 代码
		pieChart.getDescription().setEnabled(false);// 隐藏详细文字介绍
		// 初始化数据
        List list = new ArrayList<>();

        for (int i = 0; i < 5; i++) {
            list.add(new PieEntry(new Random().nextInt(100), "测试" + i));
        }
		
		// 定义PieDataSet
        PieDataSet pieDataSet = new PieDataSet(list, "图例1");

		
        List colors = new ArrayList<>();

        colors.add(getResources().getColor(R.color.red));
        colors.add(getResources().getColor(R.color.blue));
        colors.add(getResources().getColor(R.color.orang));

		// 设置颜色 
		// 颜色设置按一对一对于设置,当颜色的数量小于显示数据的数量时将重复使用
        pieDataSet.setColors(colors);

		// 设置文字内容显示的位置(可以不设置)默认在图里显示文字
        pieDataSet.setXValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);
        pieDataSet.setYValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);
		
		// 定义PieData传入pieDataSet
        PieData pieData = new PieData(pieDataSet);
		
		// 设置数值后面带百分比格式
        pieData.setValueFormatter(new PercentFormatter(pieChart));
		// 使用百分比后的数值
        pieChart.setUsePercentValues(true);
		// 设置数值显示的颜色(默认黑色)
        pieData.setValueTextColor(Color.BLACK);
		// 设置数值显示的大小
        pieData.setValueTextSize(17);
		
		// 设置文字的颜色(默认白色)
        pieChart.setEntryLabelColor(Color.BLACK);
		
		// 传入pieData
        pieChart.setData(pieData);
效果

水平条形图(和条形图的用法差不多)

水平条形图可以想成就是将一个条形图进行了顺时针90°的旋转形成的

代码
		Hbarchart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM);// 设置X显示在哪个位置
        Hbarchart.getAxisRight().setEnabled(false);// 隐藏右边的Y轴
        Hbarchart.getDescription().setEnabled(false);// 隐藏详细文字介绍

		// 初始化数据
        List list = new ArrayList<>();

        List stringList = new ArrayList<>();
        for (int i = 0; i < 5; i++) {
            list.add(new BarEntry(i, new Random().nextInt(100)));
            stringList.add("测试" + i);
        }


		// 定义BarDataSet
        BarDataSet barDataSet = new BarDataSet(list, "测试");
		
		// 设置BarDataSet显示的颜色
        barDataSet.setColor(getResources().getColor(R.color.red));
		
		// 定义BarData
        BarData barData = new BarData(barDataSet);
		
		// 设置X轴显示的文字内容
        Hbarchart.getXAxis().setValueFormatter(new IndexAxisValueFormatter(stringList));
		// 设置粒度 1的话就是默认X轴的值都显示
        Hbarchart.getXAxis().setGranularity(1);
		// 传入BarData
        Hbarchart.setData(barData);
效果

最后希望这篇文章能帮助到各位!!!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/820482.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号