在chartjs中包含chartjszoom后将无法缩放

问题描述

在包含正确版本的 chartjs 和 chartjs-plugin-zoom 后无法缩放。

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chartjs-plugin-zoom.min.js"></script>

这是我的画布标签

<div class='chart-wrapper'>
  <div class="training-chart-area" style="width: 768px; height: 384px;">
    <canvas id="trainingChart1"></canvas>
  </div>
</div>

我的图表js函数中的插件选项

options: {
      plugins: {
        zoom: {
          zoom: {
              enabled: true,mode: 'y'
          },pan: {
              enabled: true
          }
        }
}

我知道我有正确的版本，因为我用另一个 HTML 文件对其进行了测试。我认为问题可能是 chartjs-plugin-zoom 不适用于一个图表中的多个数据集，但测试 HTML 工作得非常好。我不知道哪里出了问题。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

chartjs-plugin-zoom html javascript