在Bokeh中使用Checkbox组件动态控制可变数量折线的显示/隐藏

嘿，我明白你遇到的痛点了——当折线数量是动态变化的时候，硬写死Checkbox的选项和回调逻辑肯定行不通。我之前也碰到过类似的场景，给你整理了一套可行的方案，一步步来：

1. 核心思路拆解 #

动态适配的关键在于把折线对象和Checkbox选项做动态绑定，然后用通用化的回调逻辑批量处理每条线的可见性，不用给每条线单独写判断逻辑，靠循环就能搞定所有情况。

2. 完整可运行代码示例 #

下面的例子模拟了动态生成折线的场景（随机3-6条线），你可以直接替换成自己的数据源：

from bokeh.plotting import figure, show, output_file
from bokeh.models import CheckboxGroup, CustomJS
from bokeh.layouts import column
import numpy as np

# 模拟动态数据：随机生成3-6条折线
line_count = np.random.randint(3, 7)
x = np.linspace(0, 10, 100)

# 初始化图表
p = figure(title="动态折线显示控制", x_axis_label='X', y_axis_label='Y')

# 动态生成每条折线
for i in range(line_count):
    # 模拟每条线的差异化数据
    y = np.random.randn(100).cumsum() + i*5
    p.line(x, y, legend_label=f"折线 {i+1}", line_width=2)

# 动态创建CheckboxGroup：选项对应所有折线的标签
checkbox = CheckboxGroup(
    labels=[line.legend_label for line in p.renderers],
    active=list(range(line_count))  # 默认全选所有折线
)

# 编写通用化的JS回调，处理所有折线的可见性
callback = CustomJS(args=dict(lines=p.renderers, checkbox=checkbox), code="""
    // 遍历所有折线，根据Checkbox选中状态切换可见性
    lines.forEach((line, index) => {
        line.visible = checkbox.active.includes(index);
    });
""")

# 绑定回调到Checkbox的选中事件
checkbox.js_on_change('active', callback)

# 组合布局并展示
layout = column(checkbox, p)
output_file("dynamic_line_control.html")
show(layout)

3. 关键细节说明 #

• 动态生成Checkbox选项：直接从图表的renderers（所有渲染对象）里提取每条折线的legend_label作为Checkbox的选项，完美适配动态数量。
• 通用化回调逻辑：用forEach遍历所有折线，通过checkbox.active数组判断当前索引是否被选中，直接设置line.visible属性。如果你的图表里还有其他类型的渲染器（比如散点），可以加个判断过滤：if (line.type === 'Line')。
• 初始状态设置：active参数传入所有折线的索引列表，保证打开页面时所有折线默认显示。

4. 适配你自己数据的注意事项 #

• 把示例里的模拟数据部分替换成你的真实数据源即可，比如遍历你的数据列表，每一条数据对应生成一条折线。
• 如果需要自定义折线样式（颜色、线宽、标记点等），在p.line()里正常设置就行，完全不影响回调逻辑。

内容的提问来源于stack exchange，提问作者neo