在plotly.js的条形图中显示悬停时的百分比

我有一个条形图，显示了等待一定时间的客户数量。我想在每一个类别的百分比悬停在酒吧，但不知道如何做到这一点

这是我到目前为止所拥有的

var data = [{x: ['0-10', '11-20', '21-30', '31-45', '46-60', '61-120', '>120'],
             y: [100, 55, 33, 28, 12, 11, 1],
             name: 'Wait times',
             type: 'bar',
             hoverinfo: 'y'}]

var layout = {title: "Waiting Times",
              xaxis: {title: 'Minutes'},
              yaxis: {title: 'Number of customers'}}

Plotly.newPlot('mydiv', data, layout)

当我将鼠标悬停在该条上时，我会得到显示在该条顶部的该条的值。我想要的行为是，显示条的值时，括号中的百分比格式为1个小数点，例如，第一个数据点为100（41.7%）

---

我尝试了各种各样的hoverinfo和hovermode设置组合，但在理解文档时遇到了困难。显然，我需要一个这样的百分比数组

[41.66666667，22.9166664，13.75000000000002，11.6666666666，5.0，4.583333333333，0.4166666667]

，但我不知道把它放在哪里或如何格式化。

好的，最后我自己解决了这个问题

var data = [{x: ['0-10', '11-20', '21-30', '31-45', '46-60', '61-120', '>120'],
             y: [100, 55, 33, 28, 12, 11, 1],
             name: 'Wait times',
             type: 'bar',
             hoverinfo: 'y+text',
             hovertext: ['41.7%', '22.9%', '13.8%', '11.7%', '5.0%', '4.6%', '4.2%']}]

var layout = {title: "Waiting Times",
              xaxis: {title: 'Minutes'},
              yaxis: {title: 'Number of customers'}}

Plotly.newPlot('mydiv', data, layout)

这会在hoverinfo中给出一个值，该值下面有一个足够好的百分比值。我可以创建一个hovertext数组，其值和百分比放在后面的括号中，只需将hoverinfo更改为“text”即可获得我想要的确切效果。

可以帮助您吗？