1.介绍

MPAndroidChart GitHub地址
MPAndroidChart的强大之处就不在多说了,目前最新的版本是3.0.1,在新版本中很多方法都被弃用了,这个要注意一下,在网上查到的大多数资料都是关于旧版本的,今天来实现一下折线图,把过程记录下来,分享给大家。
效果图:
2.引入开源库
在项目根目录的build.gradle文件中加入如下代码
allprojects {
repositories {
maven { url "https://jitpack.io" }
}
}
在app根目录的buil.gradle文件中加入依赖
dependencies {
compile 'com.github.PhilJay:MPAndroidChart:v3.0.1'
}
3.实现
在项目中,我把图表相关的功能抽取成了一个工具类ChartUtils。
初始化图表
initChart方法用来设置图表的功能和显示的样式,方法中注释了缩放和动画的代码,如果要使用动画,则不需要调用图表的invalidate方法。
/**
* 初始化图表
*
* @param chart 原始图表
* @return 初始化后的图表
*/
public static LineChart initChart(LineChart chart) {
// 不显示数据描述
chart.getDescription().setEnabled(false);
// 没有数据的时候,显示“暂无数据”
chart.setNoDataText("暂无数据");
// 不显示表格颜色
chart.setDrawGridBackground(false);
// 不可以缩放
chart.setScaleEnabled(false);
// 不显示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);
// 设置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);
// 设置y轴数据的位置
yAxis.setPosition(YAxis.YAxisLabelPosition.OUTSIDE_CHART);
// 不从y轴发出横向直线
yAxis.setDrawGridLines(false);
yAxis.setTextColor(Color.WHITE);
yAxis.setTextSize(12);
// 设置y轴数据偏移量
yAxis.setXOffset(30);
yAxis.setYOffset(-3);
yAxis.setAxisMinimum(0);
//Matrix matrix = new Matrix();
// x轴缩放1.5倍
//matrix.postScale(1.5f, 1f);
// 在图表动画显示之前进行缩放
//chart.getViewPortHandler().refresh(matrix, chart, false);
// x轴执行动画
//chart.animateX(2000);
chart.invalidate();
return chart;
}
设置图表数据
setChartData方法用来设置图表显示的数据,以及折线的属性。
/**
* 设置图表数据
*
* @param chart 图表
* @param values 数据
*/
public static void setChartData(LineChart chart, List<Entry> values) {
LineDataSet lineDataSet;
if (chart.getData() != null && chart.getData().getDataSetCount() > 0) {
lineDataSet = (LineDataSet) chart.getData().getDataSetByIndex(0);
lineDataSet.setValues(values);
chart.getData().notifyDataChanged();
chart.notifyDataSetChanged();
} else {
lineDataSet = new LineDataSet(values, "");
// 设置曲线颜色
lineDataSet.setColor(Color.parseColor("#FFFFFF"));
// 设置平滑曲线
lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);
// 不显示坐标点的小圆点
lineDataSet.setDrawCircles(false);
// 不显示坐标点的数据
lineDataSet.setDrawValues(false);
// 不显示定位线
lineDataSet.setHighlightEnabled(false);
LineData data = new LineData(lineDataSet);
chart.setData(data);
chart.invalidate();
}
}
更新图表
notifyDataSetChanged方法用来更新图表,可以动态的显示x轴标签。
/**
* 更新图表
*
* @param chart 图表
* @param values 数据
* @param valueType 数据类型
*/
public static void notifyDataSetChanged(LineChart chart, List<Entry> values,
final int valueType) {
chart.getXAxis().setValueFormatter(new IAxisValueFormatter() {
@Override
public String getFormattedValue(float value, AxisBase axis) {
return xValuesProcess(valueType)[(int) value];
}
});
chart.invalidate();
setChartData(chart, values);
}
x轴数据处理
xValuesProcess方法用于处理x轴数据。
x轴可以显示三种类型的数据,分别是今日数据、本周数据、本月数据。
/**
* x轴数据处理
*
* @param valueType 数据类型
* @return x轴数据
*/
private static String[] xValuesProcess(int valueType) {
String[] week = {"周日", "周一", "周二", "周三", "周四", "周五", "周六"};
if (valueType == dayValue) { // 今日
String[] dayValues = new String[7];
long currentTime = System.currentTimeMillis();
for (int i = 6; i >= 0; i--) {
dayValues[i] = TimeUtils.dateToString(currentTime, TimeUtils.dateFormat_day);
currentTime -= (3 * 60 * 60 * 1000);
}
return dayValues;
} else if (valueType == weekValue) { // 本周
String[] weekValues = new String[7];
Calendar calendar = Calendar.getInstance();
int currentWeek = calendar.get(Calendar.DAY_OF_WEEK);
for (int i = 6; i >= 0; i--) {
weekValues[i] = week[currentWeek - 1];
if (currentWeek == 1) {
currentWeek = 7;
} else {
currentWeek -= 1;
}
}
return weekValues;
} else if (valueType == monthValue) { // 本月
String[] monthValues = new String[7];
long currentTime = System.currentTimeMillis();
for (int i = 6; i >= 0; i--) {
monthValues[i] = TimeUtils.dateToString(currentTime, TimeUtils.dateFormat_month);
currentTime -= (4 * 24 * 60 * 60 * 1000);
}
return monthValues;
}
return new String[]{};
}
在Activity中使用
ChartUtils.initChart(chart); ChartUtils.notifyDataSetChanged(chart, getData(), ChartUtils.dayValue);
布局文件
<com.github.mikephil.charting.charts.LineChart
android:id="@+id/chart"
android:layout_width="match_parent"
android:layout_height="match_parent" />
4.遇到的问题
5.写在最后
在实现的过程中,MPAndroidChart的Issues帮了不少忙,有很多人和我遇到了同样的问题,原来没有查阅Issues的习惯,又get新技能一枚。
官方文档
完整的Demo下载
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# mpandroidchart折线图
# android开源折线图表
# android折线图开源库
# MPAndroidChart开源图表库的使用介绍之饼状图、折线图和柱状图
# Android MPAndroidChart开源库图表之折线图的实例代码
# Android自定义View实现折线图效果
# Android绘制动态折线图
# Android HelloChart开源库图表之折线图的实例代码
# Android开发之天气趋势折线图
# Android自定义控件实现折线图
# Android自定义可左右滑动和点击的折线图
# Android自定义View简易折线图控件(二)
# Android开发RecyclerView实现折线图效果
# 暂无
# 数据处理
# 自定义
# 都是
# 本周
# 今日
# 还没有
# 成了
# 偏移量
# 不需要
# 和我
# 之处
# 很多人
# 不可以
# 不懂
# 下了
# 会在
# 坐标点
# 我把
# 要注意
相关文章:
,有什么在线背英语单词效率比较高的网站?
东莞专业制作网站的公司,东莞大学生网的网址是什么?
在线教育网站制作平台,山西立德教育官网?
如何基于云服务器快速搭建网站及云盘系统?
如何快速建站并高效导出源代码?
如何续费美橙建站之星域名及服务?
如何在阿里云域名上完成建站全流程?
网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱?
如何在服务器上三步完成建站并提升流量?
昆明高端网站制作公司,昆明公租房申请网上登录入口?
建站主机解析:虚拟主机配置与服务器选择指南
临沂网站制作企业,临沂第三中学官方网站?
如何高效生成建站之星成品网站源码?
北京网站制作公司哪家好一点,北京租房网站有哪些?
,网站推广常用方法?
c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】
如何快速启动建站代理加盟业务?
建站之星代理如何优化在线客服效率?
Swift中switch语句区间和元组模式匹配
建站之星云端配置指南:模板选择与SEO优化一键生成
大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?
如何在Windows虚拟主机上快速搭建网站?
,石家庄四十八中学官网?
微信小程序制作网站有哪些,微信小程序需要做网站吗?
建站之星好吗?新手能否轻松上手建站?
西安大型网站制作公司,西安招聘网站最好的是哪个?
C#如何在一个XML文件中查找并替换文本内容
已有域名和空间如何搭建网站?
家庭建站与云服务器建站,如何选择更优?
北京制作网站的公司,北京铁路集团官方网站?
保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?
如何高效配置香港服务器实现快速建站?
简易网站制作视频教程,使用记事本编写一个简单的网页html文件?
如何通过网站建站时间优化SEO与用户体验?
相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料?
如何登录建站主机?访问步骤全解析
如何通过商城免费建站系统源码自定义网站主题?
企业在线网站设计制作流程,想建设一个属于自己的企业网站,该如何去做?
香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化
c# 在高并发场景下,委托和接口调用的性能对比
盐城做公司网站,江苏电子版退休证办理流程?
制作网站哪家好,cc、.co、.cm哪个域名更适合做网站?
网站制作网站,深圳做网站哪家比较好?
香港服务器WordPress建站指南:SEO优化与高效部署策略
成都网站制作价格表,现在成都广电的单独网络宽带有多少的,资费是什么情况呢?
企业微网站怎么做,公司网站和公众号有什么区别?
如何解决VPS建站LNMP环境配置常见问题?
如何在阿里云购买域名并搭建网站?
建站之星代理如何获取技术支持?
Swift中swift中的switch 语句
*请认真填写需求信息,我们会在24小时内与您取得联系。