集成滚动条和chartjs-zoom-plugin

Question

我正在使用chartjs制作图表和缩放。我已经使用了它的官方缩放插件，但问题是我们放大图表上的点超出轴直到我们缩小。所以我想知道是否可以将滚动条与图表缩放集成？

如果点超过页面宽度，我们有一个自动滚动选项来滚动并查看这些点？

这是我的画布HTML

<div class="col-sm-9 chartWrapper">
  <div class="chartAreaWrapper" id="crm_chart">
    <canvas id="graph_crm_main_panel0" width="2520" height="1130"">
    </canvas>
  </div>
</div>

This是我想要实现的目标

Answer 1

提供的示例可能不适合演示。至于问题本身，zoom-plugin有一个拖动/平移选项，可以在它被推出视图后用于模拟数据。

zoom: { enabled: true, // Boolean to enable zooming drag: true // Enable drag-to-zoom behavior }