Javascript 设置缩放的初始值

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

---

我也有同样的问题。然而，与您相反，我有实时数据，所以我使用chartjs插件流媒体

如果你使用这个插件，你可以在选项部分设置你的持续时间值。这对我很有用：

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

与此相结合：

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

5min

---

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

我也有同样的问题。然而，与您相反，我有实时数据，所以我使用chartjs插件流媒体

如果你使用这个插件，你可以在选项部分设置你的持续时间值。这对我很有用：

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

与此相结合：

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

5min

---

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

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

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

---

当我使用数字或字符串作为x轴标签时，这对我来说非常有效。希望这对你的问题有所帮助。干杯。：）

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

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

---

当我使用数字或字符串作为x轴标签时，这对我来说非常有效。希望这对你的问题有所帮助。干杯。：）

这可能是您搜索的内容。@AlexCode不是，我的问题不同。我不需要重置缩放，但只显示数据的一部分。然后我认为您需要的不是缩放，而是显示特定的值范围。@AlexCode Exactly这可能是您搜索的内容。@AlexCode not，我的问题不同。我不需要重置缩放，但只显示数据的一部分。然后我认为您需要的不是缩放，而是精确地显示特定的值范围