如何在chartjs中添加平移到图表？

Question

我创建了一个带有chartjs的条形图.我也在使用chartjs-plugin-zoom.我尝试了几种方法,但找不到向图表添加平移功能的方法.有谁知道我怎么能添加这个？

这是我的代码:

var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
                labels: [1, 2, 3, 4, 5...],
                datasets: [{
                        label: '# of Votes',
                        data: [12, 19, 3, 5, 2...]
                }]
        },
        options: {
                zoom: {
                        enabled: true,
                        mode: 'x',
                }
        }
});

Answer 1

ꜰɪʀꜱᴛ

将hammer.js添加到您的项目中:

<script src="http://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>

ꜱᴇᴄᴏɴᴅ

为您的图表启用平移选项,如下所示:

options: {
   pan: {
      enabled: true,
      mode: 'x',
   },
   ...
}

在jsFiddle上看到demo