ios-charts选中节点时如何触发ViewController上的Label文本变更？

前置准备 #

你已经实现了ChartViewDelegate的chartValueSelected回调，只需要做数据绑定和UI更新两步即可完成需求。

具体实现步骤 #

• 步骤1：给图表节点预绑定关联数据
  ios-charts的ChartDataEntry自带data属性（类型为Any?），专门用于存储自定义关联数据，你在生成图表数据时直接把需要展示的额外信息绑定到对应节点即可：

  // 可选：自定义关联数据模型，也可以直接存字典等类型
  struct ChartNodeExtra {
      let name: String
      let value: String
      let time: String
      // 按需加其他字段
  }
  
  // 生成图表节点时绑定数据
  let entry = ChartDataEntry(x: 你的x轴数值, y: 你的y轴数值)
  entry.data = ChartNodeExtra(name: "商品A", value: "¥2450", time: "2024-06-15 14:30")
  

• 步骤2：在选中回调中更新Label
  直接从回调返回的entry中取出之前绑定的关联数据，赋值给你VC上提前布局好的专属Label即可，注意UI操作要切换到主线程执行：

  func chartValueSelected(_ chartView: ChartViewBase, entry: ChartDataEntry, highlight: Highlight) {
      // 解析节点绑定的关联数据
      guard let extra = entry.data as? ChartNodeExtra else { return }
      // 主线程更新UI
      DispatchQueue.main.async {
          // 按需拼接你要展示的内容，更新你的专属Label/其他UI控件
          self.targetLabel.text = "名称：\(extra.name)\n金额：\(extra.value)\n时间：\(extra.time)"
      }
  }
  

• 可选补充：处理取消选中状态
  如果需要用户点击空白处取消选中节点时重置Label内容，实现chartValueNothingSelected回调即可：

  func chartValueNothingSelected(_ chartView: ChartViewBase) {
      DispatchQueue.main.async {
          self.targetLabel.text = "请选择图表节点查看详情"
      }
  }
  

注意事项 #

• 如果你的图表包含多组数据集，可以通过回调返回的highlight.dataSetIndex区分不同类型的节点，做差异化的内容展示
• 如果你不想用entry.data绑定数据，也可以把所有节点的关联数据存在VC的全局数组中，通过entry的x值/索引匹配对应数据，只是绑定到entry.data的方案不会出现下标匹配错误的问题，维护成本更低

内容的提问来源于stack exchange，提问作者Rem Biths Wind