Plotly 分组条形图：单个元素的悬停信息

Posted 2023-02-18

【中文标题】Plotly 分组条形图：单个元素的悬停信息

【英文标题】：Plotly Grouped bar chart: hover info of single element

【发布时间】：2021-10-26 12:27:43

【问题描述】：

我已经从https://plotly.com/javascript/bar-charts/复制了分组条形图

var trace1 = 
  x: ['giraffes', 'orangutans', 'monkeys'],
  y: [20, 14, 23],
  name: 'SF Zoo',
  type: 'bar'
;

var trace2 = 
  x: ['giraffes', 'orangutans', 'monkeys'],
  y: [12, 18, 29],
  name: 'LA Zoo',
  type: 'bar'
;

var data = [trace1, trace2];
var layout = barmode: 'group';
Plotly.newPlot('myDiv', data, layout);

当我将鼠标悬停在一个元素上时，两个元素的悬停信息都会显示。如何只显示悬停元素的信息？

【参考方案1】：

解决方案是添加 hovermode 最接近 barmode: 'group', hovermode: 'closest'。