iOS Swift开发实现自定义区间图表的方案与第三方库咨询

可选第三方库 #

• Core Plot：自定义自由度极高的图表库，没有内置的固定样式限制，区间范围填充、折线样式、点位标记、交互逻辑都可以通过代理方法自由配置，不需要魔改库源码就能实现你要的区间展示效果，原生兼容Swift，渲染性能稳定。
• ScrollableGraphView：轻量级折线类图表库，内置区间填充、自定义参考线、点位高亮的现成配置接口，本身就是为灵活自定义折线/区间类图表设计的，没有通用图表库冗余的其他图表类型代码，集成成本低。

无依赖原生实现方案 #

如果不想引入第三方库，直接用系统框架实现是可控性最高的方案，整体实现逻辑不复杂：

• 先做坐标映射：把业务数据的数值范围、X轴序号和视图的坐标体系做换算，提前算出每个数据点对应的CGPoint位置
• 用UIBezierPath分别绘制区间上边界、下边界的折线，配置对应线宽和颜色
• 将上下两条折线的路径拼接闭合，填充半透明主题色作为区间色块，再额外绘制X/Y轴刻度、参考线、数据点标记即可
• 滑动查看、点位选中的交互可以通过添加UIPanGestureRecognizer、UILongPressGestureRecognizer实现，手势触发时根据触点位置反查对应数据点，刷新高亮视图就行。

现有Charts库适配提示 #

如果不想替换已经集成的Charts依赖，不需要改造柱状图、蜡烛图组件，直接基于折线图组件就能实现效果：

• 创建两个LineChartDataSet分别对应区间的上沿、下沿数据
• 配置数据集的填充代理，实现两个折线之间的区域半透明填充
• 关闭折线默认的多余装饰（比如默认节点圆点、阴影效果），自定义选中高亮的样式，完全可以匹配目标UI，不需要修改库的核心源码。

内容的提问来源于stack exchange，提问作者Tejas Chauhan