AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android 图表开发开源库MPAndroidChart

2022-01-19 364
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Android 图表开发开源库MPAndroidChart

image.png

image.png

image.png

上面是APP中实现的效果图（点击可以放大查看）


MpAndroidChart 的下载地址


图1的效果不是用这个实现的，如果感兴趣可以参考我这篇文章  Android渐变圆环


总体来说，MPAndroidChart可能是目前Android 开发最好用的一个三方库了，功能非常强大，集成简单。


直接导入作为依赖就可以。


常用的效果（柱状图（横向，竖向），线状图（多种效果），饼状图，点状图都包括），属性也很简单，我们使用的时候只需要熟悉控件的各种属性即可。


开源库的核心功能:


支持x，y轴缩放

支持拖拽

支持手指滑动

支持高亮显示

支持保存图表到文件中

支持从文件（txt）中读取数据

预先定义颜色模板

自动生成标注

支持自定义x，y轴的显示标签

支持x，y轴动画

支持x，y轴设置最大值和附加信息

支持自定义字体，颜色，背景，手势，虚线等

以 柱状图举列使用：


xml中直接定义

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

Activity中 初始化

protected Typeface mTfLight;
mTfLight = Typeface.createFromAsset(getActivity().getAssets(), "OpenSans-Light.ttf");//字体
mChartPmOne = (BarChart) view.findViewById(R.id.chart_pm_one);
BarData data = generateData(3);//生成数据
//设置字体及颜色
data.setValueTypeface(mTfLight);
data.setValueTextColor(Color.BLACK);
//设置
mChartPmOne.getDescription().setEnabled(false);
mChartPmOne.setDrawGridBackground(false);
mChartPmOne.setGridBackgroundColor(Color.WHITE);
XAxis xAxis = mChartPmOne.getXAxis();
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
xAxis.setTypeface(mTfLight);
xAxis.setDrawGridLines(false);
xAxis.setTextColor(Color.WHITE);
xAxis.setValueFormatter(new IAxisValueFormatter() {
    private SimpleDateFormat mFormat = new SimpleDateFormat("HH:mm");
    @Override
    public String getFormattedValue(float value, AxisBase axis) {
        long millis = TimeUnit.HOURS.toMillis((long) value);
        return mFormat.format(new Date(millis));
    }
});
YAxis leftAxis = mChartPmOne.getAxisLeft();
leftAxis.setTypeface(mTfLight);
leftAxis.setTextColor(Color.WHITE);
leftAxis.setLabelCount(5, false);
leftAxis.setSpaceTop(15f);
YAxis rightAxis = mChartPmOne.getAxisRight();
rightAxis.setEnabled(false);
mChartPmOne.setData(data);
Legend l = mChartPmOne.getLegend();
mChartPmOne.getLegend().setEnabled(false);
mChartPmOne.setFitBars(true);
mChartPmOne.animateY(700);
   private BarData generateData(int cnt) {
         int state=0;
        ArrayList<BarEntry> entries = new ArrayList<BarEntry>();
        for (int i = 0; i < 24; i++) {
            state = i;
            BarEntry barEntry = new BarEntry(i, (float) (Math.random() * 300) + 0,state);
            entries.add(barEntry);
        }
        BarDataSet d = new BarDataSet(entries, "New DataSet " + cnt);
//        d.setColor(getResources().getColor(R.color.color_environment_excellent));
        int[] VORDIPLOM_COLORS = {getResources().getColor(R.color.color_environment_severe),getResources().getColor(R.color.color_environment_serious),
                getResources().getColor(R.color.color_environment_excellent), getResources().getColor(R.color.color_environment_good),
                getResources().getColor(R.color.color_environment_mild),getResources().getColor(R.color.color_environment_moderate)};
        d.setColors(VORDIPLOM_COLORS);
        d.setBarShadowColor(Color.rgb(203, 203, 203));
        ArrayList<IBarDataSet> sets = new ArrayList<IBarDataSet>();
        sets.add(d);
        BarData cd = new BarData(sets);
        cd.setBarWidth(0.9f);
        return cd;
    }

image.png

图表包含  X轴（横轴）getAxis ,  Y轴（左轴，竖轴）getAsixLeft,  右轴getAxisRight

插入一点：Y轴的最大值，最小值范围是可以手动设定的，如果没有手动设定Y轴会自动取传进数据的 最大值作为最大值，最小值作为最小值。

leftAxis.setAxisMaximum(200);
leftAxis.setAxisMinimum(0);

通过获取相应的轴对象 设置 这几个轴对应相应的属性（字体，颜色，标签，线宽，网格线等等）


整理了一下 图表中常用的一些方法


动画:

所有的图表类型都支持下面三种动画，分别是x方向，y方向，xy方向。

•animateX(int durationMillis): x轴方向

•animateY(int durationMillis): y轴方向


•animateXY(int xDuration, int yDuration): xy轴方向


XY轴的绘制

setEnabled(boolean enabled):设置轴是否被绘制。默认绘制,false不会被绘制。

setDrawLabels(boolean enabled):设置为true打开绘制轴的标签。

setDrawAxisLine(boolean enabled): 设置为true，绘制轴线


setDrawGridLines(boolean enabled): 设置为true绘制网格线。


定义轴线样式

setTextColor(int color): 设置轴标签文本颜色。

setTextSize(float size):设置轴标签的字体大小。

setTypeface(Typeface tf):设置轴标签的自定义Typeface（Typeface.createFromAsset(getAssets(), "字体文件名");）

setGridColor(int color): 设置网格线颜色。

setGridLineWidth(float width):设置网格线宽度。

setAxisLineColor(int color):设置此轴的坐标轴的颜色。

setAxisLineWidth(float width): 设置此轴的坐标轴的宽度。

setVisibleXRangeMaximum(float maxXRange):设置x轴最多显示数据条数，（要在设置数据源后调用，否则是无效的）


enableGridDashedLine(float lineLength, float spaceLength, float phase): 显示网格线虚线模式，"lineLength"控制短线条的长度，"spaceLength"控制两段线之间的间隔长度，"phase"控制开始的点。


图表交互设置

setTouchEnabled(boolean enabled): 允许你打开或者关闭与图表的所有触摸交互的情况。设置是否可以触摸，如为false，则不能拖动，缩放等

setDragEnabled(boolean enabled): 打开或关闭对图表的拖动。

setScaleEnabled(boolean enabled):打开或关闭对图表所有轴的的缩放。

setScaleXEnabled(boolean enabled): 打开或关闭x轴的缩放

setScaleYEnabled(boolean enabled): 打开或关闭y轴的缩放。

setPinchZoom(boolean enabled): 如果设置为true，挤压缩放被打开。如果设置为false，x和y轴可以被单独挤压缩放。

setHighlightEnabled(boolean enabled): 如果设置为true，在图表中选中触屏高亮。

setHighlightPerDragEnabled(boolean enabled): 设置为true时允许高亮显示拖动结束的对象在缩放到最下时。默认：true

setHighlightIndicatorEnabled(boolean enabled): 如果设置为true， 指标线（或杆）将展示被选择的线的绘制的值。

自定义轴线的值

setAdjustXLabels(boolean enabled):如果被设置为true，x轴条目将依赖于它自己在进行缩放的时候。如果设置为false，x轴条目将总是保持相同。

setAvoidFirstLastClipping(boolean enabled):如果设置为true，图表将避免第一个和最后一个标签条目被减掉在图表或屏幕的边缘。

setSpaceBetweenLabels(int characters): 设置x轴标签之间的空间字符数，默认是4个。


setPosition(XAxisPosition pos):设置XAxis应该出现的位置。可以选择TOP，BOTTOM，BOTH_SIDED，TOP_INSIDE或者BOTTOM_INSIDE。


setDescription(String desc): 设置表格的描述


• setDrawYValues(boolean enabled): 设置是否显示y轴的值的数据

•setValuePaintColor(int color):设置表格中y轴的值的颜色，但是必须设置setDrawYValues（true）

• setValueTypeface(Typeface t):设置字体

• setValueFormatter(DecimalFormat format): 设置显示的格式

• setPaint(Paint p, int which): 自定义笔刷

•public ChartData getDataCurrent():返回ChartData对象当前显示的图表。它包含了所有信息的显示值最小和最大值等


setStartAtZero(boolean enabled):如果这个打开，轴线总是有最小值0,无论什么类型的图表被展示。

setAxisMaxValue(float max):设置一个自定义的最大值为这条轴，如果设置了，这个值将不会依赖于提供的数据自动计算。

resetAxisMaxValue(): 调用这个将撤销以前设置的最大值。这意味着，你将再次允许轴自动计算它的最大值。

setAxisMinValue(float min): 设置一个自定义的最小值。如果设置了，这个值将不会依赖于你提供的数据进行自动计算。

resetAxisMinValue():调用这个方法撤销以前设置的最小值。这意味着，你将再次允许轴自动计算他的最小值。

setInverted(boolean enabled): 如果设置为true，这个轴将被反向，那意味着最高出的将到底部，最低部的到顶端。

setSpaceTop(float percent):设置在图表上最高处的值相比轴上最高值的顶端空间（总轴范围的百分比）

setSpaceBottom(float percent): 设置在图表上最低处的值相比轴上最低处值的底部空间（总轴范围的百分比）

setShowOnlyMinMax(boolean enabled): 如果打开了，这个轴将展示出它的最小值和最大值。这将忽略或者覆盖定义过的label-count。

setPosition(YAxisLabelPosition pos):设置轴标签应该被绘制的位置。INSIDE_CHART或者OUTSIDE_CHART中的一个。 自定义影响轴的数值范围应该在图表被设置数据之前应用。


•public float getYChartMin(): 返回当前最小值

•public float getYChartMax(): 返回当前最大值

•public float getAverage(): 返回所有值的平均值。

•public float getAverage(int type): 返回平均值

•public PointF getCenter(): 返回中间点

•public Paint getPaint(int which): 得到笔刷

•setDragScaleEnabled(boolean enabled): 设置是否可以拖拽，缩放

•setOnChartValueSelectedListener(OnChartValueSelectedListener l): 设置表格上的点，被点击的时候，的回调函数

•public void highlightValues(Highlight[] highs): 设置高亮显示

•saveToGallery(String title): 保存图表到图库中

•saveToPath(String title, String pathOnSD): 保存.

•setScaleMinima(float x, float y): 设置最小的缩放

•centerViewPort(int xIndex, float val): 设置视口


•fitScreen(): 适应屏幕


文章标签：
Android开发
数据格式
XML
关键词：
Android开发
Android库
Android开源
Android开发开源
Android图表
再见孙悟空_
目录
相关文章
mrq4nk6ni2neg
|
1月前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图：打造个性化用户界面
在安卓应用开发的广阔天地中，自定义视图是一块神奇的画布，让开发者能够突破标准控件的限制，绘制出独一无二的用户界面。本文将带你走进自定义视图的世界，从基础概念到实战技巧，逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者，这篇文章都将为你打开新的视野，让你的应用在众多同质化产品中脱颖而出。
mrq4nk6ni2neg
55 19
请看我回答~
|
1月前
|
JSON Java API
探索安卓开发：打造你的首个天气应用
在这篇技术指南中，我们将一起潜入安卓开发的海洋，学习如何从零开始构建一个简单的天气应用。通过这个实践项目，你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者，这篇文章都将为你提供一个清晰的路线图和实用的代码示例，帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程，打造属于你自己的第一个安卓应用吧！
请看我回答~
61 14
shuj
|
1月前
|
XML 存储 Java
探索安卓开发之旅：从新手到专家
在数字时代，掌握安卓应用开发技能是进入IT行业的关键。本文将引导读者从零基础开始，逐步深入安卓开发的世界，通过实际案例和代码示例，展示如何构建自己的第一个安卓应用。我们将探讨基本概念、开发工具设置、用户界面设计、数据处理以及发布应用的全过程。无论你是编程新手还是有一定基础的开发者，这篇文章都将为你提供宝贵的知识和技能，帮助你在安卓开发的道路上迈出坚实的步伐。
shuj
34 5
天下无贼001
|
1月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略：一次编码，多平台部署
在移动应用开发的广阔天地中，安卓和iOS两大阵营各占一方。随着技术的发展，跨平台开发框架应运而生，它们承诺着“一次编码，到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势，同时通过代码示例揭示跨平台工具的实际运用。
天下无贼001
98 3
我不是游客20240119
|
1月前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图：打造个性化UI组件
在安卓应用开发中，自定义视图是一种强大的工具，它允许开发者创造独一无二的用户界面元素，从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例，引导你了解如何在安卓项目中实现自定义组件，并探讨其背后的技术原理。我们将从基础的View类讲起，逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者，这篇文章都将为你提供有价值的见解和技巧。
我不是游客20240119
50 4
游客qf4jmczx4xu2y
|
1月前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用：从设计到开发的全面指南
在这个数字时代，拥有一个定制的移动应用不仅是一种趋势，更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤，从构思你的应用理念开始，直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者，这篇文章都将为你提供必要的工具和知识，帮助你将创意转化为现实。
游客qf4jmczx4xu2y
49 2
mrq4nk6ni2neg
|
1月前
|
Java Android开发 开发者
探索安卓开发：构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中，每个新手都渴望扬帆起航。本文将作为你的指南针，引领你通过创建一个简单的“Hello World”应用，迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念，并编写第一行代码。就像印度圣雄甘地所说：“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程，成为我们想要见到的开发者吧！
mrq4nk6ni2neg
38 0
知与谁同
|
Java 测试技术 持续交付
为什么要开发Android库？
知与谁同
961 0
请看我回答~
|
2月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上，安卓和iOS两大阵营各据一方。随着技术的演进，跨平台开发框架成为开发者的新宠，旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战，并分享实用的开发技巧，帮助开发者在安卓和iOS的世界中游刃有余。
请看我回答~
52 1
shuj
|
2月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图：从零到英雄
【10月更文挑战第42天】 在安卓的世界里，自定义视图是一块画布，让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门，通过深入浅出的方式，让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤，以及如何优化你的视图以提高性能和兼容性。准备好了吗？让我们开始这段创造性的旅程吧！
shuj
33 1