6

[也发布在MPAndroidChart 的 Github 上]

我需要带有滚动窗口的实时图表，那是我遇到“问题”的时候。添加数据没有问题，但是在添加 Xvalue(index) 高于图形当前宽度的数据后，图形不会自动滚动，因为它似乎无法始终显示 [X] Xvalues。

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

我的工作“解决方案”是删除第一个 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();

这实际上效果很好（如在此视频中所见），但我觉得必须有一种更简单的方法来做到这一点。也许我忽略了一些 API 窗口/滚动。但如果这是归档此结果的“正确”方式，那么在您的库中添加对此类图形的支持将是一种增强。

4

2 回答 2

4

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

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

还要看看这两种方法：

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

于 2015-01-24T14:41:14.777 回答
0

我拿了你的代码并做了一些改动。它一次最多只能显示 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();
    }
}
于 2015-08-12T08:30:35.970 回答