首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >MPAndroidChart:让一个图形镜像一个姐妹图形上的缩放/滑动

MPAndroidChart:让一个图形镜像一个姐妹图形上的缩放/滑动
EN

Stack Overflow用户
提问于 2015-02-15 06:26:17
回答 2查看 3.1K关注 0票数 7

我有两个线形图,显示了同一时间段内的互补数据。有没有办法将一个图接收到的任何触摸事件发送给另一个图?我本质上是想让图表始终显示相同的视图矩形(至少在水平方向上)。因此,如果用户在顶部图形上向左滑动“n”个单位,则底部图形将自动向左滚动“n”个单位以匹配。

EN

回答 2

Stack Overflow用户

发布于 2015-04-13 02:22:34

可以使用当前的MPAndroidChart版本进行缩放,用于滚动检出或等待我的扩展被合并:https://github.com/PhilJay/MPAndroidChart/pull/545

您需要在主图表上设置OnChartGestureListener,以便将转换矩阵值复制到从图表:

代码语言:javascript
复制
public class CoupleChartGestureListener implements OnChartGestureListener {

    private Chart srcChart;
    private Chart[] dstCharts;

    public CoupleChartGestureListener(Chart srcChart, Chart[] dstCharts) {
        this.srcChart = srcChart;
        this.dstCharts = dstCharts;
    }

    [...other overrides...]

    @Override
    public void onChartScale(MotionEvent me, float scaleX, float scaleY) {
        //Log.d(TAG, "onChartScale " + scaleX + "/" + scaleY + " X=" + me.getX() + "Y=" + me.getY());
        syncCharts();
    }

    @Override
    public void onChartTranslate(MotionEvent me, float dX, float dY) {
        //Log.d(TAG, "onChartTranslate " + dX + "/" + dY + " X=" + me.getX() + "Y=" + me.getY());
        syncCharts();
    }

    public void syncCharts() {
        Matrix srcMatrix;
        float[] srcVals = new float[9];
        Matrix dstMatrix;
        float[] dstVals = new float[9];

        // get src chart translation matrix:
        srcMatrix = srcChart.getViewPortHandler().getMatrixTouch();
        srcMatrix.getValues(srcVals);

        // apply X axis scaling and position to dst charts:
        for (Chart dstChart : dstCharts) {
            if (dstChart.getVisibility() == View.VISIBLE) {
                dstMatrix = dstChart.getViewPortHandler().getMatrixTouch();
                dstMatrix.getValues(dstVals);
                dstVals[Matrix.MSCALE_X] = srcVals[Matrix.MSCALE_X];
                dstVals[Matrix.MTRANS_X] = srcVals[Matrix.MTRANS_X];
                dstMatrix.setValues(dstVals);
                dstChart.getViewPortHandler().refresh(dstMatrix, dstChart, true);
            }
        }
    }

}

然后设置您的主/从连接,例如:

代码语言:javascript
复制
//
// Couple chart viewports:
//

tripChart.setOnChartGestureListener(new CoupleChartGestureListener(
        tripChart, new Chart[] { powerChart, energyChart }));
powerChart.setOnChartGestureListener(new CoupleChartGestureListener(
        powerChart, new Chart[] { tripChart, energyChart }));
energyChart.setOnChartGestureListener(new CoupleChartGestureListener(
        energyChart, new Chart[] { tripChart, powerChart }));
票数 15
EN

Stack Overflow用户

发布于 2018-09-11 14:05:33

您需要将此代码添加到CoupleChartGestureListener

代码语言:javascript
复制
    @Override
public void onChartGestureStart(MotionEvent me, ChartTouchListener.ChartGesture lastPerformedGesture) {
    ((BarLineChartTouchListener) srcChart.getOnTouchListener()).stopDeceleration();
    for (Chart dstChart : dstCharts) {
        if (dstChart.getVisibility() == View.VISIBLE) {
            ((BarLineChartTouchListener) dstChart.getOnTouchListener()).stopDeceleration();
        }
    }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28521004

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档