我正在尝试在我的图表中实现d3缩放。
这是我创建的示例图表，以使我的问题更加清晰： https://jsfiddle.net/pixelord/nuegmh0a/
我在互联网上浏览了一些缩放教程，但没有一个非常适合我的要求。
我有一个甘特图，有两部分。一个是导航图，另一个是主视图。导航图表在完整的时间轴上呈现图表。 其中，主视图仅显示导航图表中画笔覆盖的图表的一部分。
我需要实现由鼠标滚轮触发的缩放功能，并将重新调整画笔范围的大小（因为重新调整画笔范围将允许用户放大和缩小）
我正在尝试在d3中使用缩放行为，但不确定如何将其设置为在缩放回调函数中操作画笔范围。
我看到的大多数缩放示例都是使用平移和缩放比例。 但我认为我需要的只是操纵画笔范围。
我该怎么做？
Code:
https://jsfiddle.net/pixelord/nuegmh0a/