Plotly.js中如何隐藏x unified悬浮提示的日期标题

两种可直接落地的实现方式，按需选择即可：

• 方案1：原生配置实现（推荐，适配Plotly.js v2.12及以上版本）
  直接在图表layout配置项中新增hoverlabel.header字段，赋值为空字符串即可完全隐藏顶部默认展示的x轴日期标题，不会影响悬浮框内其余数据项的展示：

  const layout = {
    hovermode: 'x unified',
    hoverlabel: {
      header: '' // 空值即隐藏默认头部标题
    },
    // 保留你原有的其余layout配置，比如xaxis、yaxis、title等
  }
  

• 方案2：CSS兼容方案（适配所有Plotly.js版本，含低版本）
  如果使用的Plotly.js版本较低，没有开放hoverlabel.header配置项，直接通过全局CSS隐藏悬浮框头部DOM节点即可，效果和原生配置完全一致：

  /* 隐藏统一悬浮框顶部标题 */
  .hoverlayer .hovertext .header {
    display: none !important;
  }
  
  /* 可选：隐藏头部后如果顶部留白过多，可调整内边距优化视觉效果 */
  .hoverlayer .hovertext {
    padding-top: 5px !important;
  }
  

注意：不要通过修改hovertemplate的<extra>字段尝试隐藏头部，该字段控制的是悬浮框末尾的trace名称后缀，和顶部x值标题无关，网上很多相关教程混淆了这两个配置的作用范围。

效果参考：

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