Ruby on Rails中如何将Chartkick图表的空值/Null替换为n/a显示

问题核心原因 #

你此前对@caste_group做的空值替换逻辑没有生效，核心是视图层渲染图表时传入的是@event_chart变量，两个变量数据不匹配，且原有转换逻辑仅匹配空字符串，没有覆盖nil（NULL）场景。

可行解决方案 #

方案1：数据聚合后统一转换（推荐，无需修改数据库）

使用Rails提供的blank?方法可以同时匹配nil、空字符串、全空白字符三种场景，直接处理你传给图表的变量即可：

# 按caste_group分组统计后替换空键为n/a
caste_group_counts = Roster.group(:caste_group).count
@event_chart = caste_group_counts.transform_keys { |key| key.blank? ? "n/a" : key }

方案2：前端渲染阶段处理（适用于数值为空的提示场景）

如果是图表数据点的数值为空，需要在悬浮提示框中显示n/a，可以通过Chartkick的library参数传入底层Chart.js的回调配置实现：

= line_chart @event_chart,
  discrete: true,
  legend: "bottom",
  curve: false,
  colors: ["#67b55e","#d43766","#729be0"],
  library: {
    plugins: {
      tooltip: {
        callbacks: {
          label: ->(context) {
            val = context.parsed.y
            val.present? ? "#{context.dataset.label}: #{val}" : "#{context.dataset.label}: n/a"
          }
        }
      }
    },
    # 若需要把X轴的空标签也替换为n/a，新增以下配置
    scales: {
      x: {
        ticks: {
          callback: ->(value) { value.blank? ? "n/a" : value }
        }
      }
    }
  }

注意事项 #

不需要通过update_all修改数据库存储的内容，所有空值替换逻辑都可以在内存中处理，不会产生额外的数据库写入开销，也不会影响原始数据的存储。

内容的提问来源于stack exchange，提问作者Sanju Basnet