为什么平移（和缩放）在我的Chart.js图上不起作用？

Question

我正在制作线性图，平移和缩放功能不起作用。 我正在使用：

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

并将它们添加到html的此orden中：

<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>

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

谢谢。