Charts图表联动

作者: __block | 来源:发表于2017-06-13 16:48 被阅读660次

    今天简书上有人问我关于 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 就可以了

    • 如果你还遇到什么问题, 或者有更好的思路, 可以给我留言一起讨论


    ps : 最近准备研究下 Realm, 过段时间会更新关于 Realm 的文章, 希望大家继续关注

    相关文章

      网友评论

        本文标题:Charts图表联动

        本文链接:https://www.haomeiwen.com/subject/kqzdqxtx.html