如何在Rails Chartkick（GChart）中移除悬浮提示框的‘value’文本？

当然可以！不用直接操作Google Chart的API，Chartkick本身就支持通过配置底层图表库的参数来自定义tooltip内容，下面分你常用的两种底层库情况给出具体实现：

• 如果你用的是Chart.js（Chartkick默认使用的库）
  你可以通过library选项传入自定义的tooltip回调配置，重写标签的生成逻辑。比如：
  如果你是在Rails环境中使用：

  <%= line_chart your_data_set, library: {
    options: {
      plugins: {
        tooltip: {
          callbacks: {
            # 直接返回数值，抛弃默认的"value:"前缀
            label: function(context) {
              return context.parsed.y;
            }
          }
        }
      }
    }
  } %>
  

  如果是纯JavaScript环境：

  new Chartkick.LineChart("your-chart-id", yourData, {
    library: {
      options: {
        plugins: {
          tooltip: {
            callbacks: {
              label: (context) => context.parsed.y
            }
          }
        }
      }
    }
  });
  

  这样配置后，tooltip就会显示成Thu 33,406的形式，完全去掉了多余的"value:"字样。

• 如果你用的是Highcharts
  同样通过library选项配置tooltip的格式化函数即可：

  new Chartkick.LineChart("your-chart-id", yourData, {
    library: {
      tooltip: {
        formatter: function() {
          return `${this.x} ${this.y}`;
        }
      }
    }
  });
  

核心逻辑就是借助Chartkick的library选项，把底层图表库的tooltip自定义规则传进去，全程不需要直接调用Google Chart的相关API就能实现你的需求。

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