MPAndroidChart 库LineChart使用总结

2024-01-14 03:20

本文主要是介绍MPAndroidChart 库LineChart使用总结,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

`LineChart` 是 MPAndroidChart 库中的一个组件,用于绘制曲线图。下面总结了一些 `LineChart` 常用的用例和方法:

1. **基本设置:**
   - 创建 `LineChart` 实例:`LineChart lineChart = new LineChart(context);`
   - 设置描述文本是否可见:`lineChart.getDescription().setEnabled(false);`
   - 设置是否启用双击缩放:`lineChart.setDoubleTapToZoomEnabled(false);`
   - 设置 X 轴数值格式化:`lineChart.getXAxis().setValueFormatter(new XAxisValueFormatter());`
   - 设置图表选中监听器:`lineChart.setOnChartValueSelectedListener(new OnChartValueSelectedListenerImpl());`
   - 设置 X 轴的位置:`lineChart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM);`
   - 设置动画效果:`lineChart.animateXY(1000, 1000);`

2. **坐标轴设置:**
   - 获取左侧 Y 轴:`YAxis leftAxis = lineChart.getAxisLeft();`
   - 获取右侧 Y 轴:`YAxis rightAxis = lineChart.getAxisRight();`
   - 启用/禁用 Y 轴网格线:`leftAxis.setDrawGridLines(true);`
   - 设置 Y 轴网格线颜色:`leftAxis.setGridColor(Color.BLACK);`
   - 设置 Y 轴网格线间距:`leftAxis.setGranularity(3f);`
   - 设置 Y 轴标签是否显示:`leftAxis.setDrawLabels(true);`
   - 设置 Y 轴最小值:`leftAxis.setAxisMinimum(0f);`
   - 设置 Y 轴最大值:`leftAxis.setAxisMaximum(10f);`

3. **限制线:**
   - 添加限制线到左侧 Y 轴:`LimitLine limitLine = new LimitLine(3.5f, "Upper Limit"); leftAxis.addLimitLine(limitLine);`

4. **MarkerView:**
   - 自定义 MarkerView:`CustomMarkerView markerView = new CustomMarkerView(context, R.layout.custom_marker_view); lineChart.setMarker(markerView);`

5. **数据设置:**
   - 创建 `LineDataSet` 实例:`LineDataSet dataSet = new LineDataSet(entries, "Label");`
   - 配置 `LineDataSet` 属性:颜色、线宽、点半径等
   - 创建 `LineData` 实例:`LineData lineData = new LineData(dataSet);`
   - 设置图表数据:`lineChart.setData(lineData);`
   - 刷新图表:`lineChart.invalidate();`

6. **值选中监听器:**
   - 实现 `OnChartValueSelectedListener` 接口:`private class OnChartValueSelectedListenerImpl implements OnChartValueSelectedListener { ... }`

7. **自定义 X 轴标签格式:**
   - 创建自定义的 `ValueFormatter` 类,继承自 `com.github.mikephil.charting.formatter.ValueFormatter`。

8. **动态更新图表数据:**
   - 添加单个数据点:`lineDataSet.addEntry(entry);`
   - 更新图表:`lineChart.notifyDataSetChanged(); lineChart.invalidate();`

以上总结包括了基本设置、坐标轴设置、限制线、MarkerView、数据设置、值选中监听器、自定义 X 轴标签格式以及动态更新图表数据等常用用例和方法。您可以根据实际需求在这些基础上进行更多的定制和扩展。

package com.jaredrummler.compent;import android.content.Context;
import android.graphics.Color;
import android.util.Log;
import android.widget.TextView;import com.github.mikephil.charting.charts.LineChart;
import com.github.mikephil.charting.components.LimitLine;
import com.github.mikephil.charting.components.MarkerView;
import com.github.mikephil.charting.components.XAxis;
import com.github.mikephil.charting.components.YAxis;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.data.LineData;
import com.github.mikephil.charting.data.LineDataSet;
import com.github.mikephil.charting.highlight.Highlight;
import com.github.mikephil.charting.listener.OnChartValueSelectedListener;
import com.github.mikephil.charting.utils.MPPointF;
import com.jaredrummler.materialspinner.example.R;import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;import java.util.Arrays;
import java.util.Date;
import java.util.List;
import java.util.Locale;
import java.util.stream.Collectors;public class RecordLineChart {private final LineChart lineChart;private final Context context;private static List<BloodSugarDataSet> dataSets;public RecordLineChart(Context context, LineChart lineChart) {this.context = context;this.lineChart = lineChart;initializeChart();}private void initializeChart() {lineChart.getDescription().setEnabled(false);lineChart.setDoubleTapToZoomEnabled(false);lineChart.getXAxis().setValueFormatter(new XAxisValueFormatter());lineChart.setOnChartValueSelectedListener(new OnChartValueSelectedListenerImpl());XAxis xAxis = lineChart.getXAxis();xAxis.setPosition(XAxis.XAxisPosition.BOTTOM); // Set the position to bottom
//        xAxis.setDrawGridLines(true);
//        lineChart.animateX(1000);lineChart.animateXY(1000,1000);YAxis leftAxis = lineChart.getAxisLeft();leftAxis.setDrawGridLines(true); // 启用 Y 轴的网格线
//        leftAxis.setGridColor(Color.BLACK);leftAxis.setGranularity(3f); // 设置 Y 轴的网格线间距leftAxis.setGranularityEnabled(true); // 启用 Y 轴的网格线间距leftAxis.setDrawLabels(true); // 不显示 Y 轴标签
//        leftAxis.setAxisMinimum(0f); // 设置 Y 轴的最小值为 0
//        leftAxis.setGranularity(1f); // Set the granularity to control the number of labels
//        leftAxis.setLabelCount(2, true); // Set the number of labels to be displayedYAxis rightAxis = lineChart.getAxisRight();rightAxis.setDrawGridLines(true); // 启用 Y 轴的网格线
//        rightAxis.setGridColor(Color.BLACK);rightAxis.setGranularity(3f); // 设置 Y 轴的网格线间距rightAxis.setGranularityEnabled(true); // 启用 Y 轴的网格线间距rightAxis.setDrawLabels(true); // 不显示 Y 轴标签
//        rightAxis.setAxisMinimum(0f); // 设置 Y 轴的最小值为 0
//        rightAxis.setGranularity(1f); // Set the granularity to control the number of labels
//        rightAxis.setLabelCount(2, true); // Set the number of labels to 0 to hide them
//        rightAxis.setGridColor(Color.TRANSPARENT); // Set the color of the right grid lines to transparent// Set MarkerViewCustomMarkerView markerView = new CustomMarkerView(context, R.layout.custom_marker_view);lineChart.setMarker(markerView);}public void setData(List<BloodSugarDataSet> dataSets) {this.dataSets = dataSets;LineData lineData = new LineData();for (BloodSugarDataSet dataSet : dataSets) {lineData.addDataSet(dataSet.getLineDataSet());addLimitLine(dataSet);}lineChart.clear();lineChart.setData(lineData);lineChart.invalidate();}private void addLimitLine(BloodSugarDataSet dataSet) {// 添加血糖范围线LimitLine lowerLimit = new LimitLine(dataSet.getLowerLimitValue(), "");lowerLimit.setLineWidth(2f);lowerLimit.enableDashedLine(10f, 10f, 0f);lowerLimit.setLineColor(Color.BLUE);LimitLine upperLimit = new LimitLine(dataSet.getUpperLimitValue(), "");upperLimit.setLineWidth(2f);upperLimit.enableDashedLine(10f, 10f, 0f);upperLimit.setLineColor(Color.RED);lineChart.getAxisLeft().addLimitLine(lowerLimit);lineChart.getAxisLeft().addLimitLine(upperLimit);}public void addData(BloodSugarData data, int dataSetIndex) {if (dataSetIndex >= 0 && dataSetIndex < dataSets.size()) {BloodSugarDataSet dataSet = dataSets.get(dataSetIndex);dataSet.addData(data);updateChart();}}public void updateChart() {LineData lineData = lineChart.getData();if (lineData != null) {lineData.notifyDataChanged();lineChart.notifyDataSetChanged();lineChart.invalidate();}}private class OnChartValueSelectedListenerImpl implements OnChartValueSelectedListener {@Overridepublic void onValueSelected(Entry e, Highlight h) {}@Overridepublic void onNothingSelected() {// Handle nothing selected}}private static class XAxisValueFormatter extends com.github.mikephil.charting.formatter.ValueFormatter {@Overridepublic String getAxisLabel(float value, com.github.mikephil.charting.components.AxisBase axis) {
//            SimpleDateFormat sdf = new SimpleDateFormat("MM/dd", Locale.getDefault());
//            String xLabel = sdf.format(new Date((long) value));
//            Log.i("TAG", value + "getAxisLabel: " + xLabel);
//            return xLabel;return dataSets.get(0).bloodSugarList.get((int) value).getDate();}}private static class CustomMarkerView extends MarkerView {private final TextView tvBloodSugar;private final TextView tvTimePeriod;private final TextView tvMeasurementTime;public CustomMarkerView(Context context, int layoutResource) {super(context, layoutResource);tvBloodSugar = findViewById(R.id.tvContent);tvTimePeriod = findViewById(R.id.tvPeriod);tvMeasurementTime = findViewById(R.id.tvTime);}@Overridepublic void refreshContent(Entry e, Highlight highlight) {if (e != null ) {BloodSugarData data = (BloodSugarData) e.getData();tvBloodSugar.setText("血糖值: " + data.getBloodSugar());tvTimePeriod.setText("时段: " + data.getTimePeriod());tvMeasurementTime.setText("检测时间: " + data.getMeasurementTime());}super.refreshContent(e, highlight);}@Overridepublic MPPointF getOffset() {return new MPPointF(-(getWidth() / 2f), -getHeight());}}public static class BloodSugarData {private String date;private float bloodSugar;private String timePeriod;private String measurementTime;public BloodSugarData(String date, float bloodSugar, String timePeriod, String measurementTime) {this.date = date;this.bloodSugar = bloodSugar;this.timePeriod = timePeriod;this.measurementTime = measurementTime;}public String getDate() {return date;}public float getBloodSugar() {return bloodSugar;}public String getTimePeriod() {return timePeriod;}public String getMeasurementTime() {return measurementTime;}}public static class BloodSugarDataSet {private LineDataSet lineDataSet;private List<BloodSugarData> bloodSugarList;private float lowerLimitValue = 3.9f;private float upperLimitValue = 9.0f;public float getLowerLimitValue() {return lowerLimitValue;}public float getUpperLimitValue() {return upperLimitValue;}public BloodSugarDataSet(String label, int lineColor, boolean showPoints) {bloodSugarList = new ArrayList<>();lineDataSet = createLineDataSet(label, lineColor);setShowDataPoints(showPoints);}public void setGlucoseValueRange(float lowerLimitValue, float upperLimitValue) {this.lowerLimitValue = lowerLimitValue;this.upperLimitValue = upperLimitValue;}private LineDataSet createLineDataSet(String label, int lineColor) {LineDataSet set = new LineDataSet(null, label);set.setAxisDependency(YAxis.AxisDependency.LEFT);set.setColor(lineColor);set.setCircleColor(lineColor);set.setLineWidth(2f);set.setCircleRadius(4f);set.setValueTextSize(10f);set.setValueTextColor(Color.BLACK);set.setMode(LineDataSet.Mode.CUBIC_BEZIER);set.setDrawFilled(true);set.setFillColor(lineColor);return set;}public void setShowDataPoints(boolean show) {lineDataSet.setDrawCircles(show);lineDataSet.setDrawValues(show);}public LineDataSet getLineDataSet() {return lineDataSet;}public List<BloodSugarData> getBloodSugarList() {return bloodSugarList;}public void addData(BloodSugarData data) {SimpleDateFormat sdf = new SimpleDateFormat("MM/dd", Locale.getDefault());try {Date date = sdf.parse(data.getDate());Entry entry = new Entry(date.getTime(), data.getBloodSugar());entry.setData(data);lineDataSet.addEntry(entry);bloodSugarList.add(data);} catch (ParseException e) {throw new RuntimeException(e);}}public void addDataList(List<BloodSugarData> dataList) {List<Entry> entries = generateEntries(dataList);for (Entry item:entries) {lineDataSet.addEntry(item);}lineDataSet.setCircleColors(getCircleColors(entries));lineDataSet.setValueTextColors(Arrays.stream(getCircleColors(entries)).boxed().collect(Collectors.toList()));bloodSugarList.addAll(dataList);}// 生成 Entry 列表private List<Entry> generateEntries(List<BloodSugarData> bloodSugarList) {List<Entry> entries = new ArrayList<>();SimpleDateFormat sdf = new SimpleDateFormat("MM/dd", Locale.getDefault());for (int i = 0; i < bloodSugarList.size(); i++) {BloodSugarData data = bloodSugarList.get(i);try {Date date = sdf.parse(data.getDate());Entry entry = new Entry(i, data.getBloodSugar());entry.setData(data);entries.add(entry);} catch (ParseException e) {Log.e("TAG", "generateEntries: " + e.getMessage() );}}return entries;}// 根据血糖值是否在范围内设置坐标点颜色private int[] getCircleColors(List<Entry> entries) {int[] colors = new int[entries.size()];for (int i = 0; i < entries.size(); i++) {float glucoseValue = entries.get(i).getY();if (glucoseValue < lowerLimitValue) {colors[i] = Color.BLUE; // 不在范围内为ajqc色}else if(glucoseValue > upperLimitValue) {colors[i] = Color.RED; // 在范围内为绿色} else {colors[i] = Color.BLACK; // 不在范围内为红色}}return colors;}}
}

这篇关于MPAndroidChart 库LineChart使用总结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/603766

相关文章

使用EasyExcel实现简单的Excel表格解析操作

《使用EasyExcel实现简单的Excel表格解析操作》:本文主要介绍如何使用EasyExcel完成简单的表格解析操作,同时实现了大量数据情况下数据的分次批量入库,并记录每条数据入库的状态,感兴... 目录前言固定模板及表数据格式的解析实现Excel模板内容对应的实体类实现AnalysisEventLis

使用国内镜像源优化pip install下载的方法步骤

《使用国内镜像源优化pipinstall下载的方法步骤》在Python开发中,pip是一个不可或缺的工具,用于安装和管理Python包,然而,由于默认的PyPI服务器位于国外,国内用户在安装依赖时可... 目录引言1. 为什么需要国内镜像源?2. 常用的国内镜像源3. 临时使用国内镜像源4. 永久配置国内镜

Go语言中最便捷的http请求包resty的使用详解

《Go语言中最便捷的http请求包resty的使用详解》go语言虽然自身就有net/http包,但是说实话用起来没那么好用,resty包是go语言中一个非常受欢迎的http请求处理包,下面我们一起来学... 目录安装一、一个简单的get二、带查询参数三、设置请求头、body四、设置表单数据五、处理响应六、超

如何使用C#串口通讯实现数据的发送和接收

《如何使用C#串口通讯实现数据的发送和接收》本文详细介绍了如何使用C#实现基于串口通讯的数据发送和接收,通过SerialPort类,我们可以轻松实现串口通讯,并结合事件机制实现数据的传递和处理,感兴趣... 目录1. 概述2. 关键技术点2.1 SerialPort类2.2 异步接收数据2.3 数据解析2.

详解如何使用Python提取视频文件中的音频

《详解如何使用Python提取视频文件中的音频》在多媒体处理中,有时我们需要从视频文件中提取音频,本文为大家整理了几种使用Python编程语言提取视频文件中的音频的方法,大家可以根据需要进行选择... 目录引言代码部分方法扩展引言在多媒体处理中,有时我们需要从视频文件中提取音频,以便进一步处理或分析。本文

Java反转字符串的五种方法总结

《Java反转字符串的五种方法总结》:本文主要介绍五种在Java中反转字符串的方法,包括使用StringBuilder的reverse()方法、字符数组、自定义StringBuilder方法、直接... 目录前言方法一:使用StringBuilder的reverse()方法方法二:使用字符数组方法三:使用自

使用Dify访问mysql数据库详细代码示例

《使用Dify访问mysql数据库详细代码示例》:本文主要介绍使用Dify访问mysql数据库的相关资料,并详细讲解了如何在本地搭建数据库访问服务,使用ngrok暴露到公网,并创建知识库、数据库访... 1、在本地搭建数据库访问的服务,并使用ngrok暴露到公网。#sql_tools.pyfrom

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要

Spring Cloud之注册中心Nacos的使用详解

《SpringCloud之注册中心Nacos的使用详解》本文介绍SpringCloudAlibaba中的Nacos组件,对比了Nacos与Eureka的区别,展示了如何在项目中引入SpringClo... 目录Naacos服务注册/服务发现引⼊Spring Cloud Alibaba依赖引入Naco编程s依

Java springBoot初步使用websocket的代码示例

《JavaspringBoot初步使用websocket的代码示例》:本文主要介绍JavaspringBoot初步使用websocket的相关资料,WebSocket是一种实现实时双向通信的协... 目录一、什么是websocket二、依赖坐标地址1.springBoot父级依赖2.springBoot依赖