如何实现可修改图表并同步交互事件到Streamlit的Plotly交互式按钮

有两个比子图模拟按钮更合理的实现方案，可根据你的业务场景选择：

方案1：Streamlit原生按钮+Plotly重绘（优先推荐） #

这是目前稳定度最高、维护成本最低的实现方式：

• 无需修改Plotly内部结构，直接在Streamlit布局中把按钮放在Plotly图表的相邻位置，配合列布局可以做到视觉上和图表内嵌一致的效果
• 按钮点击直接触发Streamlit会话状态更新，根据状态参数重绘Plotly图表即可，完全不存在事件同步问题，完全符合Streamlit的原生交互逻辑，不需要依赖额外的事件监听库。

方案2：Plotly内嵌标记化模拟按钮（适合必须把按钮做在图表内部的场景） #

你当前的子图模拟思路可以优化为更规范的实现，不需要单独拆分新子图：

• 在Plotly图表的闲置布局区域（比如顶部、右上角的空白处）添加go.Scatter类型的trace，将marker样式调整为按钮形态，设置对应的按钮文字作为展示内容
• 给每个模拟按钮的trace设置唯一的customdata值作为按钮标识
• 用streamlit-plotly-events捕获点击事件，读取返回的customdata判断点击的按钮类型，之后既可以调用Plotly的relayout/restyle方法修改图表内容，也可以直接更新Streamlit会话状态实现业务逻辑同步，相比单独开子图的方案兼容性更好，不会影响主图表的坐标轴匹配、图例配置等原有逻辑。

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