Bokeh -使用CustomJS函数下载数据和提醒用户的Bokeh数据

from bokeh.models import Button, CustomJS

# 创建一个按钮
button = Button(label="下载数据")

# 创建一个CustomJS回调函数
callback = CustomJS(args={}, code="""
    // 使用fetch函数从服务器端获取数据
    fetch('/data_endpoint')
        .then(response => response.text())
        .then(data => {
            // 创建一个隐藏的a标签，并设置下载属性
            var link = document.createElement('a');
            link.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(data);
            link.download = 'data.csv';
            link.style.display = 'none';
            document.body.appendChild(link);
            
            // 模拟点击a标签，触发下载
            link.click();
            
            // 移除a标签
            document.body.removeChild(link);
        });
""")

# 将回调函数绑定到按钮上
button.js_on_click(callback)

# 显示按钮
show(button)

from bokeh.models import Button, Div, CustomJS

# 创建一个按钮和一个Div组件
button = Button(label="点击我")
div = Div()

# 创建一个CustomJS回调函数
callback = CustomJS(args=dict(div=div), code="""
    // 弹出提示框，向用户显示消息
    alert("这是一条提醒消息！");
""")

# 将回调函数绑定到按钮上
button.js_on_click(callback)

# 显示按钮和Div组件
show(row(button, div))