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

Pie*_*lse 5 android graph real-time mpandroidchart

[也发布在MPAndroidChart的Github上]

我需要带有滚动窗口的实时图形,当我遇到"问题"时.添加数据没有问题,但是在添加的Xvalue(索引)数据高于图形的当前宽度后,图形不会自动滚动,因为它似乎不能始终显示[X] Xvalues.

问题示例: 在此输入图像描述3中的结果不是我想要显示实时数据的结果.滚动窗口更有用.所以我试着改变这个......

我的工作'解决方案'是删除第一个Xvalue,添加一个新的Xvalue并将所有条目的所有Xindexs移动到屏幕一左侧.结果是这样的一些代码:

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();
Run Code Online (Sandbox Code Playgroud)

这实际上工作得很好(如本视频中所示),但我觉得必须有一个更简单的方法来做到这一点.也许我忽略了一些API窗口/滚动..但如果这是"正确"的方式来实现这个结果,那么它将是一个增强功能,可以在库中添加对这种图形的支持.

Phi*_*oda 4

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

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

另外看看这两个方法:

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