设置缩放的初始值

Question

如何在chartjs-plugin-zoom中设置放大的初始值？我有这个图表，我需要它只显示10个元素，然后用户可以从左向右滚动显示更多数据。

Answer 1

我有同样的问题。但是，与您相反，我拥有实时数据，因此我使用chartjs-plugin-streaming; https://github.com/nagix/chartjs-plugin-streaming

如果使用此插件，则可以在选项部分中设置持续时间值。这对我有用：

function adaptZoom5min() {
    myChart.options.scales.xAxes[0].realtime.duration = 300000;
    window.myChart.update();
}

与此结合：

<button onclick="adaptZoom5min()">5min</button>

希望这对您（或其他有类似问题的人）也有帮助

Answer 2

取决于您在图表中显示的标签类型。对于正常的用例，显示数字或字符串，可以将x轴的最小值和最大值包含在options.scales.xAxes.ticks对象中。

options: {
  scales: {
    xAxes: [
      {
        display: true,
        ticks: {
          padding: 20,
          min: 10,
          max: 30
        }
      }
    ],
    yAxes: [
      {
        display: true,
        gridLines: {
          borderDash: [4, 8],
          color: '#cdd6db'
        }
      }
    ]
  }
};

当我在x轴标签上使用数字或字符串时，这对我来说效果很好。希望这对您的问题有所帮助。干杯。 ：）