将滚动条与 chartjs-zoom-plugin 集成答案

【问题标题】：integrate a scroll bar along with chartjs-zoom-plugin将滚动条与 chartjs-zoom-plugin 集成
【发布时间】：2017-06-29 11:38:32
【问题描述】：

我正在使用 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是我想要达到的目标

【问题讨论】：

你能做到吗？
@AnubhavGupta 不，我无法做到这一点，当时缩放插件无法正确缩放一般类型的数据。今天不太了解。

标签： javascript canvas chart.js chart.js2

【解决方案1】：

提供的示例对于演示可能不可靠。至于问题本身，缩放插件有一个拖动/平移选项，可用于在数据被推到视野之外后对其进行模式化。

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

【讨论】：