Charts图表联动

今天简书上有人问我关于 Charts 多个图表联动的问题, 这个问题在 MPAndroidCharts 上使用它发送的通知即可, 在 ios_charts 上就只有 delegate 去实现了

- (void)chartValueSelected:(ChartViewBase * __nonnull)chartView entry:(ChartDataEntry * __nonnull)entry highlight:(ChartHighlight * __nonnull)highlight {
   
}

- (void)chartScaled:(ChartViewBase *)chartView scaleX:(CGFloat)scaleX scaleY:(CGFloat)scaleY {
    
}

- (void)chartTranslated:(ChartViewBase *)chartView dX:(CGFloat)dX dY:(CGFloat)dY {

}

- (void)chartValueNothingSelected:(ChartViewBase * __nonnull)chartView {
    
}

在 Charts 里提供了四个协议方法, 分别对应这选择, 缩放, 拖动和没有选择, 当需要实现拖拽和缩放联动时, 只需要在缩放, 拖动的协议方法下遍历所有子视图, 找到 ChartView 的所有对象, 获取到 ChartView 当前点击的矩阵, 然后使用新的矩阵刷新一下 ChartView 即可

- (void)scaleOrTranslated:(NSArray<__kindof UIView *> *)subviews chartView:(ChartViewBase * _Nonnull)chartView {
    
    [subviews enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        if ([obj isKindOfClass:[CombinedChartView class]]) {
            CombinedChartView *combinedChartView = (CombinedChartView *)obj;
            
            CGAffineTransform srcMatrix = chartView.viewPortHandler.touchMatrix;
            [combinedChartView.viewPortHandler refreshWithNewMatrix:srcMatrix
                                                              chart:combinedChartView
                                                         invalidate:YES];
        }
    }];
}

如果需要实现高亮联动也是一样的思路, 在高亮选中的方法下遍历所有的子视图, 找到 chartView 所有的对象, 将 chartView 的某点设置为高亮即可

- (void)chartViewSelected:(NSArray<__kindof UIView *> *)subviews highlight:(ChartHighlight * __nonnull)highlight {
    
    [subviews enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        if ([obj isKindOfClass:[CombinedChartView class]]) {
            CombinedChartView *combinedChartView = (CombinedChartView *)obj;
            
            [combinedChartView highlightValue:highlight];
        }
    }];
}

当然可以小小的优化下, 在快速枚举内判断当前拖拽或者选中的 chartView 的对象和枚举拿到的对象是不是一样, 如果一样的话 break 就可以了
如果你还遇到什么问题, 或者有更好的思路, 可以给我留言一起讨论

Charts图表联动

推荐阅读更多精彩内容