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>

<强>ꜱᴇᴄᴏɴᴅ

为您的图表启用 pan 选项，如下所示：

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

参见 demo on jsFiddle

Answer 2

也许您可以使用此plugin。参见example。

基本上，您需要导入并初始化它。默认情况下，如果按住shift键并拖动图表，它将平移，但您也可以设置自定义输入触发器。

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

2 个答案: