为什么pan (和缩放)不能处理我的Chart.js图形？

Question

我正在制作一个线性图形，而pan和缩放功能不起作用。我在用：

"chart.js": "Chart-js#v2.5.0",
"chartjs-plugin-zoom": "Chart.Zoom.js#v0.7.0",
"hammerjs": "v2.0.8"

并将它们添加到html中的上述命令中：

<script src="~/lib/hammerjs/hammer.min.js"></script>
<script src="~/lib/chart.js/dist/Chart.min.js"></script>
<script src="~/lib/chartjs-plugin-zoom/dist/chartjs-plugin-zoom.min.js"></script>

我使用chart.js 2.5.0是因为我需要它在IE11上工作，并且在某个地方读到使用该版本更好，但我不确定。

我从在线片段中复制了一段工作代码，但它现在仍然有效。

<canvas id="canvas" height="180"></canvas>
    <script>
        var ctx = document.getElementById("canvas").getContext('2d');
        var myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept'],
                datasets: [{
                    label: '# of Votes',
                    data: [12, 19, 3, 5, 0, 5, 9, 4, 11]
                }]
            },
            options: {
                pan: {
                    enabled: true,
                    mode: 'x',
                },
                zoom: {
                    enabled: true,
                    mode: 'x',
                }
            }
        });
    </script>

图显示了，但我没有得到功能，在控制台中没有错误。

提前谢谢。

Answer 1

尝试使用最新版本的ChartJS，目前为3.7.1。如果下载的脚本没有加载，它可能是IE11的一个bug。对我来说，缩放是有效的，但平移不是。( 这里已经是一个问题了。)