Android图表库之MPAndroidChart使用技巧(基于v3.1.0版本)

Android图表库之MPAndroidChart使用技巧(基于v3.1.0版本),第1张

概述MPAndroidChart:一个强大的Android图表视图/图形视图库,支持线-柱-饼-雷达-气泡-散点-烛台图表以及缩放,拖动和动画。 可实现但不限于如下图表效果♠折线图(LineChart)♠柱状图(BarChart)♠饼状图(PieChart)♠散点图(ScatterChart)♠烛台图(CandleStickChart)♠气泡图(BubbleC

MPAndroIDChart:一个强大的AndroID图表视图/图形视图库,支持线-柱-饼-雷达-气泡-散点-烛台图表以及缩放,拖动和动画。

 

可实现但不限于如下图表效果

♠折线图(lineChart)

♠柱状图(barChart)

♠饼状图(PIEChart)

♠散点图(ScatterChart)

♠烛台图(CandleStickChart)

♠气泡图(BubbleChart)

 ♠雷达图(RadarChart)

 

 ♠联合图(Combined-Chart)

 

 开始使用

1、添加库

repositorIEs {    maven { url 'https://jitpack.io' }}dependencIEs {    implementation 'com.github.PhilJay:MPAndroIDChart:v3.1.0'}

2、创建VIEw

//静态布局<com.github.mikephil.charting.charts.lineChart     androID:ID="@+ID/chart"     androID:layout_wIDth="match_parent"     androID:layout_height="match_parent" />/*************************或*************************///动态布局lineChart chart = new lineChart(context);

3、设置表属性/交互(不设置则采用默认值)

Description description = new Description();//描述信息description.setEnabled(false);//是否可用chart.setDescription(description);//不然会显示默认的 Description。chart.settouchEnabled(true); // 设置是否可以触摸chart.setDragEnabled(true);// 是否可以拖拽chart.setScaleEnabled(false);// 是否可以缩放chart.setPinchZoom(false);//y轴的值是否跟随图表变换缩放;如果禁止,y轴的值会跟随图表变换缩放chart.setDoubleTapToZoomEnabled(false);//是否允许双击进行缩放chart.setScaleXEnabled(false);//是否允许以X轴缩放chart.setDrawGrIDBackground(false);// 是否显示表格颜色chart.setGrIDBackgroundcolor(color.transparent);// 表格的的颜色chart.animateY(1000, Easing.linear);//设置动画chart.setExtraBottomOffset(5f);//防止底部数据显示不完整,设置底部偏移量//x轴配置XAxis xAxis = lineChart.getXAxis();xAxis.setEnabled(true);//是否可用xAxis.setDrawLabels(true);//是否显示数值xAxis.setDrawAxisline(true);//是否显示坐标线xAxis.setAxislinecolor(color.BLACK);//设置坐标轴线的颜色xAxis.setAxislinewidth(0.8f);//设置坐标轴线的宽度xAxis.setDrawGrIDlines(false);//是否显示竖直风格线xAxis.setTextcolor(color.BLACK);//X轴文字颜色xAxis.setTextSize(12f);//X轴文字大小xAxis.setposition(XAxis.XAxisposition.BottOM);//X轴文字显示位置xAxis.setSpaceMin(1f);//左空白区大小xAxis.setSpaceMax(1f);//右空白区大小//左y轴配置YAxis lyAxis = lineChart.getAxisleft();lyAxis.setEnabled(true);//是否可用lyAxis.setDrawLabels(true);//是否显示数值lyAxis.setDrawAxisline(false);//是否显示坐标线lyAxis.setDrawGrIDlines(true);//是否显示水平网格线lyAxis.setDrawZeroline(true);////是否绘制零线lyAxis.setZerolinecolor(color.BLACK);lyAxis.setZerolinewidth(0.8f);lyAxis.enableGrIDDashedline(10f, 10f, 0f);//网格虚线lyAxis.setGrIDcolor(color.BLACK);//网格线颜色lyAxis.setGrIDlinewidth(0.8f);//网格线宽度lyAxis.setAxislinecolor(color.BLACK);//坐标线颜色lyAxis.setTextcolor(color.BLACK);//左侧文字颜色lyAxis.setTextSize(12f);//左侧文字大小//右y轴配置YAxis ryAxis = lineChart.getAxisRight();ryAxis.setEnabled(false);//是否可用//标签配置Legend legend = lineChart.getLegend();legend.setEnabled(false);//是否可用

4、添加数据

//x轴和y轴的数据YourData[] dataObjects = ...;List<Entry> entrIEs = new ArrayList<Entry>();for (YourData data : dataObjects) {    entrIEs.add(new Entry(data.getValueX(), data.getValueY())); }lineDataSet dataSet = new lineDataSet(entrIEs, "Label"); // 添加数据 // 自定义各种数据样式(不设置则使用默认值)dataSet.setcolor(...);dataSet.setValueTextcolor(...);...

5、填充数据并显示

lineData lineData = new lineData(dataSet);chart.setData(lineData);chart.invalIDate(); // 刷新

 

更多自定义样式及图表使用方法可参考以下文档:

英文文档:https://weeklycoding.com/mpandroidchart-documentation/

中文文档:https://www.jianshu.com/p/fc73b490edd5

 

库地址及其运行apk:

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

apk下载地址(要有梯子):https://play.google.com/store/apps/details?id=com.xxmassdeveloper.mpchartexample

总结

以上是内存溢出为你收集整理的Android图表库之MPAndroidChart使用技巧(基于v3.1.0版本)全部内容,希望文章能够帮你解决Android图表库之MPAndroidChart使用技巧(基于v3.1.0版本)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1113948.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存