Plotly如何在数值与SI单位间加空格？适配前缀、轴及悬停标签

可以通过修改Y轴格式化配置实现需求，不需要额外自定义复杂逻辑，修改后的代码如下：

const data = [
  {
    x: ['A', 'B', 'C'],
    y: [20000000, 14000000, 23000000],
    type: 'bar',
  }
];

const layout = {
  yaxis: {
    title: 'Force',
    tickformat: ' s', // 格式化时自动在数值和SI前缀之间插入空格
    hoverformat: ' s', // 悬停标签使用相同格式化规则
    ticksuffix: 'N',
  }
}

Plotly.newPlot('plotDiv', data, layout);

HTML部分无需修改，保持原有引入即可。
该方案实现效果完全符合要求：

• 自动适配所有SI单位前缀（包括k、M、G等大单位前缀和m、μ等小单位前缀），无前缀场景也可正常显示为XX N格式，完全匹配国际单位制书写规范
• 配置同时作用于Y轴刻度和鼠标悬停标签，两处均可正常显示数值与单位之间的空格

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