Plotly：如何修改直方图的悬停模板？

Question

我想修改 plotly 直方图的悬停模板。 到目前为止，找不到一种方法：对给定的值进行四舍五入删除直方图的名称（这里：'2012'，'2013'）添加一个名称以指示值代表什么

所需的悬停文本：

Bin-range: -1.24, 3.31

或者

更好的选择（带连字符的范围）：

Bin-range: -1.24 - 3.31

有任何想法吗？

import plotly.figure_factory as ff
import numpy as np
import pandas as pd

df = pd.DataFrame({'2012': np.random.randn(200),
                   '2013': np.random.randn(200)+1})

fig = ff.create_distplot([df[c] for c in df.columns], 
                         df.columns, bin_size=.25, show_rug=False)
fig.show()

Answer 1

答案：

将以下代码段添加到您的设置中将生成下面的 plot：

fig.update_traces(hovertemplate ='<i>Bin-range</i>:' + '%{x}' + '<extra></extra>',
                  selector=dict(type="histogram"))

部分selector=dict(type="histogram")仅用于更新直方图轨迹并单独保留线条。 '<extra></extra>'部分既酷又神秘，只是从悬停标签中删除了2012和2013 。

我希望这接近您想要实现的目标。 不过，我必须仔细看看舍入部分。 但总而言之，我认为 plot 看起来还不错

一些细节和评论：

据我所知，与 plotly.figure_factory.create_distplot 上github上的陈述相反， ff.create_distplot实际上并没有走向弃用。 只是不再更新了。 此外，似乎ff.create_distplot仍然是创建添加了正态分布或 kde 估计的直方图的最佳选择。 所以在可预见的未来，它不会去任何地方。

完整代码：

import plotly.figure_factory as ff
import numpy as np
import pandas as pd

np.random.seed(123)
df = pd.DataFrame({'2012': np.random.randn(200),
                   '2013': np.random.randn(200)+1})

fig = ff.create_distplot([df[c] for c in df.columns], 
                         df.columns, bin_size=.25, show_rug=False)

fig.update_traces(hovertemplate ='<i>Bin-range</i>:' + '%{x}' + '<extra></extra>',
                  selector=dict(type="histogram"))

#fig.update_layout(hoverinfo = 'x+y+text')

fig.show()