如何在GraphView中重绘图表避免出现多余线条？

嘿，我之前用com.jjoe64.graphview.GraphView的时候也踩过一模一样的坑！第二次在同一个GraphView里绘制新数据时出现多余线条，大概率是旧的Series没有被清理，和新Series叠加显示导致的。给你几个靠谱的解决办法：

核心原因 #

每次点击OK按钮绘制新图表时，如果没有移除之前添加到GraphView里的LineGraphSeries，旧的Series会一直留在图表上，新数据添加后就会出现新旧线条重叠的情况，也就是你看到的红色多余线条。

具体解决方案 #

1. 绘制前清空所有旧Series #

在准备添加新数据的Series之前，先调用GraphView的removeAllSeries()方法，彻底清除所有旧的绘图系列。这是最直接有效的办法。

示例代码片段（OK按钮点击事件里）：

okButton.setOnClickListener(v -> {
    // 关键一步：清空所有旧的Series
    graphView.removeAllSeries();

    // 准备新的第一组数据
    DataPoint[] firstData = new DataPoint[]{
        new DataPoint(0, 5),
        new DataPoint(1, 8),
        new DataPoint(2, 6)
    };
    LineGraphSeries<DataPoint> firstSeries = new LineGraphSeries<>(firstData);
    firstSeries.setColor(Color.GREEN);
    graphView.addSeries(firstSeries);

    // 如果需要添加第二组新数据
    DataPoint[] secondData = new DataPoint[]{
        new DataPoint(0, 3),
        new DataPoint(1, 7),
        new DataPoint(2, 9)
    };
    LineGraphSeries<DataPoint> secondSeries = new LineGraphSeries<>(secondData);
    secondSeries.setColor(Color.RED);
    graphView.addSeries(secondSeries);

    // 按需设置坐标轴等其他配置
    graphView.getViewport().setScrollable(true);
});

2. 复用Series时重置数据 #

如果你的代码里是复用同一个全局的LineGraphSeries<DataPoint>对象，那不要直接添加新数据，而是调用resetData()方法替换旧数据，这样就不会重复添加Series到GraphView里。

示例：

// 假设series是全局声明的LineGraphSeries<DataPoint>
okButton.setOnClickListener(v -> {
    // 直接重置Series里的数据
    DataPoint[] newData = new DataPoint[]{
        new DataPoint(0, 10),
        new DataPoint(1, 15),
        new DataPoint(2, 12)
    };
    series.resetData(newData);
    // 不用再调用addSeries，因为series已经在GraphView里了
});

3. 检查数据连接模式 #

如果你的Series设置了setConnectNulls(true)，当数据里存在空值或者不连续的点时，可能会出现奇怪的连线。可以尝试关闭这个设置，或者检查你的数据是否有异常的空DataPoint。

series.setConnectNulls(false); // 禁止连接空数据点

小提醒 #

每次绘制新图表前，一定要确认GraphView里的旧Series已经被清除或者被重置，避免新旧数据叠加导致的多余线条问题。

内容的提问来源于stack exchange，提问作者Ragul Murugan