Bokeh 如何在同一图中实现candlestick与volume bars独立y轴缩放展示

你想要的所有效果完全可以靠Bokeh原生能力实现，不需要写复杂的自定义前端回调，也不用依赖第三方扩展。
之前社区里常见的K线加成交量的绘图实现，基本都是拆成上下两个独立子图的方案，你要的同画布整合、两个维度完全独立缩放的效果，只要避开几个常见配置误区就能顺利做出来。

• 单画布整合两类图形没有任何技术门槛：不需要把K线和成交量拆成两个Figure拼接，只要在同一个Figure对象上依次绘制K线的高低影线、涨跌实体，再绘制成交量柱即可，所有元素会自动共用同一套时间维度的x轴，不会出现横轴错位的问题。
• 双独立Y轴的基础配置：Bokeh本身就支持单画布挂载多组独立Y轴，左侧默认Y轴绑定K线对应的价格数值范围，右侧额外挂载一组Y轴绑定成交量的数值范围，两个轴的数值范围完全独立，默认状态下不会自动联动。
• 实现完全独立缩放的核心（这是绝大多数人踩过的坑）：
  • 千万别用Figure初始化时默认带的WheelZoomTool，这个默认滚轮缩放工具会同时作用在画布上所有挂载的Y轴范围上，只要滚动滚轮，两个轴的展示比例会同步变化，根本达不到独立缩放的要求。
  • 手动创建两个独立的WheelZoomTool实例，分别给每个工具指定仅作用于对应的Y轴范围：一个工具专门绑定K线的价格range，设置为仅纵向缩放；另一个工具专门绑定成交量的range，同样仅纵向缩放。
  • 绘制成交量柱元素时，要显式指定元素绑定的Y轴名称，别让它默认挂到左侧的价格轴上，避免数据映射错位。
• 你可以根据视觉需求给两类图形划定固定的纵向展示区间：比如K线占画布上半部分70%的高度，成交量柱占下半部分30%的高度，区间边界固定。滚轮缩放时，仅对应图形会随自己绑定的Y轴范围调整展示大小，完全不会牵动另一类图形的比例。

from bokeh.models import WheelZoomTool, LinearAxis, Range1d
# 初始化画布，仅保留基础平移、重置、保存工具，不引入默认缩放
p = figure(x_range=time_range, y_range=price_range, tools=["pan", "reset", "save"])
# 从默认工具列表中移除全局滚轮缩放工具
p.toolbar.tools = [tool for tool in p.toolbar.tools if not isinstance(tool, WheelZoomTool)]
# 初始化独立的成交量Y轴范围
volume_range = Range1d(start=0, end=max_volume_value)
# 创建两个独立的缩放工具，分别绑定对应的数据范围
price_zoom = WheelZoomTool(y_range=price_range, dimensions="y")
volume_zoom = WheelZoomTool(y_range=volume_range, dimensions="y")
p.add_tools(price_zoom, volume_zoom)
# 在画布右侧挂载独立的成交量Y轴
p.extra_y_ranges = {"volume": volume_range}
p.add_layout(LinearAxis(y_range_name="volume"), "right")

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