如何使用 MPAndroidChart 制作实时滚动窗口图

Question

我需要滚动 windows 的实时图表，那是我运行进入 'problems' 的时候。添加数据没问题，但是在添加 Xvalue(index) 高于图形当前宽度的数据后，图形不会自动滚动，因为它似乎无法始终显示 [X] Xvalues.

问题示例：图 3 中的结果不是我想要显示实时数据的结果。滚动窗口更有用。所以我试图实现这个..

我的工作 'solution' 是删除第一个 Xvalue，添加一个新 Xvalue，并将第一个屏幕上所有条目的所有 Xindex 移动到左侧。结果是这样的代码：

int GRAPH_WIDTH = 10;
LineData lineData = chart.getData();
LineDataSet lineDataSet = lineData.getDataSetByIndex(0);                        
int count = lineDataSet.getEntryCount();

// Make rolling window
if (lineData.getXValCount() <= count) {
    // Remove/Add XVal
    lineData.getXVals().add("" + count);
    lineData.getXVals().remove(0);

    // Move all entries 1 to the left..
    for (int i=0; i < count; i++) {
        Entry e = lineDataSet.getEntryForXIndex(i);
        if (e==null) continue;

        e.setXIndex(e.getXIndex() - 1);
    }

    // Set correct index to add value
    count = GRAPH_WIDTH; 
}

// Add new value
lineData.addEntry(new Entry([random value], count), 0);

// Make sure to draw
chart.notifyDataSetChanged();
chart.invalidate();

这实际上工作得很好（如 this video here 所示），但我觉得必须有更简单的方法来做到这一点。也许我忽略了一些 API window/scrolling.. 但是，如果这是 'right' 实现此结果的方法，那么在您的库中添加对此类图表的支持将是一种增强。

Answer 1

谢谢你的视频。我很惊讶你发现了一个相当复杂但效果很好的解决方法。

不幸的是，这是目前实现您想要的唯一方法。我将努力尽快使这更容易，可能会重用您的一些代码。

也看看这两个方法：

setScaleMinima(...) centerViewPort(...)

Answer 2

我把你的代码做了一些修改。它一次最多只能显示 GRAPH_WIDTH 个点。然后它滚动删除旧数据。如果您只对相对较新的数据感兴趣，这很有用。那是你想要的吗？

public void addTimeEntry() {

    String entry_date_time = new SimpleDateFormat("MMM d - HH:mm:ss").format(new Date());
    LineData lineData = mChart.getData();
    int GRAPH_WIDTH = 15;

    if (lineData != null) {

        LineDataSet set = lineData.getDataSetByIndex(0);

        if (set == null) {
            set = createSet();
            lineData.addDataSet(set);
        }

        // Make rolling window
        if (lineData.getXValCount() > GRAPH_WIDTH) {
            lineData.getXVals().remove(0);
            set.removeEntry(0);

            lineData.getXVals().add(entry_date_time);
            lineData.addEntry(new Entry((float) (Math.random() * 40) + 30f, GRAPH_WIDTH), 0);

           // lineData.getXVals().add(entry_date_time);
            // Move all entries 1 to the left..
            for (int i=0; i < set.getEntryCount(); i++) {
                Entry e = set.getEntryForXIndex(i);
                if (e==null) continue;

                e.setXIndex(e.getXIndex() - 1);
            }
        }
        else{
            lineData.getXVals().add(entry_date_time);
            lineData.addEntry(new Entry((float) (Math.random() * 40) + 30f, lineData.getXValCount()-1), 0);
        }

        // let the chart know it's data has changed
        mChart.notifyDataSetChanged();
        mChart.invalidate();
    }
}

如何使用 MPAndroidChart 制作实时滚动窗口图

How to make a realtime rollingwindow graph using MPAndroidChart

android

graph

real-time

mpandroidchart