Javascript 如何设置Y轴上显示的最高值的下限？

我有一个chart.js折线图，其中Y值是0-100之间的百分比，X轴表示过去一分钟的时间（以秒为单位）。图表是使用套接字连接的实时数据填充的，该套接字连接每五秒钟更新一次

我遇到了一个由chart.js动态生成Y轴步长的问题。在大多数情况下，一切都很好，Y轴根据当前显示的数据范围进行缩放。但是，当百分比为0%或介于0和1之间（例如.654%）时，Y轴将显示最小值0和最大值1%。因此，该图表具有误导性，因为该百分比似乎很高，但实际上低于1%

所以我的问题是：如何设置沿Y轴显示的最大值的最小值

现在，在你开始下结论并写一行关于stepSize属性的内容之前，我已经尝试过将stepSize设置为像1和3这样的值。问题是，当百分比值跳到75%或以上时，75/3或75/1所需的大量标签最终使标签难以辨认

您正在寻找y轴的suggestedMax勾选选项。像这样使用它：

options: {
  scales: {
    yAxes: [{
      ticks: {
        suggestedMax: 60
      }
    }]
  }
}

如果所有数据值都低于此值，则此刻度值将用作y轴的最大刻度。如果数据值高于此刻度值，则会自动计算并使用更高的刻度值。从：

建议最大

用户定义的电子秤最大数量， 覆盖最大值，但低于最大值的情况除外 价值观

你可以在行动中和下面看到它

var ctx=document.getElementByIdmyChart； var myChart=新的Chartctx{ 键入：“行”， 数据：{ 标签：[红色、蓝色、黄色、绿色、紫色、橙色]， 数据集：[{ 标签：“百分比”， 数据：[0.0,0.0,0.0,0.0,0.0,0.0,0.0] }] }, 选项：{ 比例：{ 雅克斯：[{ 滴答声：{ 建议最大值：60 } }] } } };

---

看起来您正在尝试在值较低时减少图形中的噪波。