如何在Plotly.js的number+delta指标中隐藏Delta数值仅显示增减符号？

你可以通过给delta配置自定义format函数来实现需求，直接跳过数值只返回升降符号就行，具体代码示例如下：

// 示例配置代码
const chartData = [
  {
    type: "indicator",
    mode: "number+delta",
    value: 120,
    delta: {
      reference: 100,
      // 自定义格式函数，仅返回升降符号
      format: (diff) => {
        if (diff > 0) return "↑";
        if (diff < 0) return "↓";
        return ""; // 差值为0时不显示符号
      },
      // 可选：调整符号样式，比如颜色
      increasing: { color: "green" },
      decreasing: { color: "red" }
    }
  }
];

Plotly.newPlot('your-chart-container', chartData);

原理很直接：Plotly允许delta的format接收自定义函数，函数参数是当前的差值，你只需要根据差值正负返回对应的符号，数值部分就会被替换掉，刚好满足只显示升降符号的需求，比折腾d3-format的语法更省心。

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