开卷有益：玩转RecyclerChart动态属性(二)！

2023-09-15 09:14:18

揭秘RecyclerChart的动态属性：打造媲美股票软件的K线图

上下图表联动：烛影摇曳，MACD共舞

你想让你的图表更具互动性，就像专业的股票软件一样吗？实现上下图表联动是关键。通过RecyclerChart，你可以轻松实现这一功能。只需添加一个叠加层，并在主图表滑动时更新叠加层的数据和显示。这样一来，当你滑动K线图时，MACD图也会相应地变化，让你一目了然地掌握市场走势。

左右滑动加载：触达边界，数据随心所欲

想象一下，你在浏览一张图表，当滑动到边缘时，新的数据会自动加载。这正是左右滑动加载功能带来的好处。通过RecyclerChart，你可以检测到图表滑动，并在触达边界时触发数据加载操作。这样，用户就可以轻松地浏览和分析大量数据，而无需手动刷新。

触边缩放：细细品味，洞察全局

当你想仔细观察图表上的某个细节时，触边缩放功能派上了用场。只需触碰图表中的某一点，RecyclerChart就会放大该点周围的区域。这让你可以深入了解数据中的微小变化，从而获得更深入的见解。

实现RecyclerChart动态属性的代码示例

// 上下图表联动
chart.addOverlay(new MACDOverlay());
chart.addViewportChangeListener(new ViewportChangeListener() {
    @Override
    public void onViewportChange(Viewport viewport) {
        MACDOverlay macdOverlay = chart.getOverlay("macd");
        macdOverlay.update(viewport);
    }
});

// 左右滑动加载
chart.addScrollListener(new ScrollListener() {
    @Override
    public void onScroll(Viewport viewport) {
        if (viewport.isLeftEdge()) {
            chart.loadData(true);
        } else if (viewport.isRightEdge()) {
            chart.loadData(false);
        }
    }
});

// 触边缩放
chart.addGestureListener(new GestureListener() {
    @Override
    public void onGesture(Gesture gesture) {
        if (gesture.isTouchUp()) {
            chart.zoom(gesture.getX(), gesture.getY());
        }
    }
});