How to add attribute information by hover on holoviews histogram

HoloViews
,
1

Hi, I want it so that when I click on one of the histograms, it will display every value in that range.
I also want it to print what those eight values are on hover.
If it could be in another windows is better.
Thank u guys!!!

image
image889×873 65.9 KB

This is my code:

import numpy as np
import holoviews as hv
from holoviews import opts
from bokeh.models import HoverTool
hv.extension('bokeh')

data = np.random.uniform(0, 2, size=50)
data = np.round(data, decimals=2)
hist, edges = np.histogram(data, bins=10)
hv_hist = hv.Histogram((hist, edges))

hover = HoverTool(
    tooltips=[
        ("Range", "@x"),
        ("Values", "@top"),
    ],
    formatters={"@x": "printf", "@y": "printf"},
)

hv_hist = hv_hist.opts(
    xlabel='Interval',
    ylabel='Amount',
    title='Histogram',
    xticks=edges,
    tools=[hover],
)
 
hv_hist

I also attempted to use a dictionary for the values and tried to create a function using dynamic map, but unfortunately, I encountered some difficulties and was unable to succeed.

2

i change another way it works on jupyter notebook, but when i save as html, it didnt change value when i touch

data = np.random.uniform(0, 2, size=50)
data = np.round(data, decimals=2)
hist, edges = np.histogram(data, bins=10)
hg = hv.Histogram((edges, hist))
hist_dict = {
    i: data[(data >= edges[i]) & (data < edges[i+1])].tolist()
    for i in range(len(edges)-1)
}
def selection(index):
    if not index:
        return hv.Table({'Value':None}, ['Value']).relabel(str(index))
    data = {'Value': index}
    return hv.Table({'Value': hist_dict[index[0]]}, ['Value'])
stream2 = hv.streams.Selection1D(source=hg, index=[0])

dmap = hv.DynamicMap(selection, streams=[stream2])
hg_dmap=hg + dmap
(hg_dmap).opts(hv.opts.Histogram(tools=['tap']))
hv.save(hg_dmap,'output_format.html')