Charts Chart.js LineChart如何仅显示数据集的一部分并支持水平滚动

我正在使用Chart.js2.5。我的情况是，我有一个包含40个数据的数据集，但我只想在折线图中显示7个数据，但仍然可以水平向左/向右移动以发现其余的数据

我尝试了ticks.maxTicksLimit、ticks.max等，但它只是缩放了XAxis标签，所有40个数据仍然显示出来

---

有人能帮忙吗？谢谢

我认为您的问题取决于您在图表上显示的值或标签。对于数字或字符串，您可以在ticks.min和ticks.max上设置最小值和最大值，它在chart.js 2.8中对我有效。但我不确定chart.js2.5是否可以使用，因为我在chart.js2.6版本中看到了一些关于如何增强此功能的帖子

如果您的x轴标签显示DateTime对象，并且您在options.scales.xAxes中使用类型：“time”。然后可以将time.min和time.max包含在XAX中

options: {
  scales: {
    xAxes: [
      {
        type: 'time',
        time: {
          displayFormats: {
            week: 'D MMM YY'
          },
          unit: 'day',
          tooltipFormat: 'll',
          min: moment('2019-06-30'),
          max: moment('2019-09-01')
        },
        display: true,
        ticks: {
          padding: 20,
          // set this min max if you are using number or string as your axis label
          // min: 10,
          // max: 30
        }
      }
    ],
    yAxes: [
      {
        display: true,
        ticks: {
          beginAtZero: true,
          maxTicksLimit: 8
        }
      }
    ]
  }
};

---

这对我来说很有用，希望它也能帮助您处理您的用例。让我知道进展如何。干杯：）

找到这个问题的解决方案了吗？我想要一个类似的行为。