能否用AndroidPlot实现双折线实时动态图表？求实现方案

当然可以！AndroidPlot完全支持实时更新的多折线图表，实现你想要的双折线实时展示效果完全没问题。下面是具体的实现步骤，一步步来就能搞定：

1. 添加AndroidPlot依赖 #

首先在你的app/build.gradle（Module级）的dependencies块中添加AndroidPlot的核心库依赖：

dependencies {
    implementation 'com.androidplot:androidplot-core:1.5.1'
}

（注：你可以去AndroidPlot官方渠道确认最新稳定版本号，替换这里的1.5.1）

2. 布局文件中添加XYPlot组件 #

在你的Activity/Fragment布局里，添加AndroidPlot的XYPlot视图，用来承载折线图：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.androidplot.xy.XYPlot
        android:id="@+id/plot"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:layout_margin="16dp"/>
</LinearLayout>

3. 代码实现实时双折线逻辑 #

在你的Activity/Fragment中，完成初始化、数据更新的核心逻辑：

3.1 初始化基础组件 #

先定义必要的变量，包括Plot实例、两个数据系列，还有用来控制实时更新的Handler：

import android.os.Bundle;
import android.os.Handler;
import android.os.Looper;
import androidx.appcompat.app.AppCompatActivity;
import com.androidplot.xy.*;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;

public class RealTimePlotActivity extends AppCompatActivity {

    private XYPlot plot;
    private SimpleXYSeries series1; // 第一条折线的数据系列
    private SimpleXYSeries series2; // 第二条折线的数据系列
    private List<Number> xValues = new ArrayList<>();
    private List<Number> yValues1 = new ArrayList<>();
    private List<Number> yValues2 = new ArrayList<>();
    private Handler handler = new Handler(Looper.getMainLooper());
    private Random random = new Random();
    private static final int MAX_DATA_POINTS = 50; // 最多显示50个数据点，超出则滚动
    private int currentX = 0;

3.2 初始化图表样式 #

在onCreate方法中初始化Plot，为两个折线设置不同的样式（颜色、点样式等）：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_real_time_plot);

    plot = findViewById(R.id.plot);

    // 初始化两个数据系列
    series1 = new SimpleXYSeries("折线1");
    series2 = new SimpleXYSeries("折线2");

    // 设置折线1的样式：蓝色线条+圆点
    LineAndPointFormatter formatter1 = new LineAndPointFormatter(
            getColor(R.color.blue), // 线条颜色
            getColor(R.color.blue), // 点的颜色
            null, // 填充颜色（这里不需要）
            new PointLabelFormatter()); // 点标签（这里不需要）

    // 设置折线2的样式：红色线条+圆点
    LineAndPointFormatter formatter2 = new LineAndPointFormatter(
            getColor(R.color.red),
            getColor(R.color.red),
            null,
            new PointLabelFormatter());

    // 将系列和样式添加到Plot中
    plot.addSeries(series1, formatter1);
    plot.addSeries(series2, formatter2);

    // 配置X轴和Y轴
    plot.getDomainAxis().setLabel("时间");
    plot.getRangeAxis().setLabel("数值");
    plot.getDomainAxis().setRange(0, MAX_DATA_POINTS); // X轴固定显示0-50的范围
    plot.getRangeAxis().setRange(0, 100); // Y轴范围0-100，可根据你的数据调整

    // 开启触摸缩放平移（可选）
    PanZoom.attach(plot);

3.3 实现实时数据更新逻辑 #

写一个Runnable用来定时生成新数据，更新图表：

// 启动实时更新
    handler.postDelayed(updateRunnable, 100); // 每100ms更新一次，可调整间隔
}

private Runnable updateRunnable = new Runnable() {
    @Override
    public void run() {
        // 生成随机数据（你可以替换成真实的传感器/业务数据）
        int y1 = random.nextInt(100);
        int y2 = random.nextInt(100);

        // 添加新数据
        xValues.add(currentX);
        yValues1.add(y1);
        yValues2.add(y2);

        // 控制数据点数量，超出则移除最早的点
        if (xValues.size() > MAX_DATA_POINTS) {
            xValues.remove(0);
            yValues1.remove(0);
            yValues2.remove(0);
            // 平移X轴范围，保持图表滚动
            plot.getDomainAxis().setRange(currentX - MAX_DATA_POINTS + 1, currentX);
        }

        // 更新数据系列
        series1.setModel(xValues, yValues1, SimpleXYSeries.ArrayFormat.XY_VALS_INTERLEAVED);
        series2.setModel(xValues, yValues2, SimpleXYSeries.ArrayFormat.XY_VALS_INTERLEAVED);

        // 重绘图表
        plot.redraw();

        currentX++;
        // 继续定时更新
        handler.postDelayed(this, 100);
    }
};

private int getColor(int resId) {
    return getResources().getColor(resId);
}

@Override
protected void onDestroy() {
    super.onDestroy();
    // 销毁时移除回调，避免内存泄漏
    handler.removeCallbacks(updateRunnable);
}
}

关键说明 #

• 数据更新逻辑：这里用随机数模拟实时数据，你可以替换成自己的数据源（比如传感器数据、网络实时数据等）。
• 图表滚动：通过限制数据点数量，超出时移除旧数据并平移X轴范围，实现类似你参考示例的滚动效果。
• 样式自定义：你可以修改LineAndPointFormatter的参数，调整线条粗细、点的大小、颜色等，匹配你的UI需求。

这样就能实现一个符合预期的实时双折线图表了，亲测可行！

内容的提问来源于stack exchange，提问作者daniel moreira