Javascript 箱线图通过在两侧留出一些空间，使最小值和最大值具有动态性

我正在使用chartjs v2.9绘制箱线图，我的代码如下所示：

函数随机值单位，最小值，最大值{ 常数增量=最大-最小值； 返回数组.from{length:count}.map=>Math.random*delta+min； } 常数boxplotData={ //定义标签树 标签：[“标签1”，“标签2']， 数据集：[{ 标签：“数据集1”， 背景颜色：“rgba255,0,0,0.5”， 边框颜色：“红色”， 边框宽度：1， 异常值颜色：“999999”， 填充：10， 项目半径：0， 数据：[ [0,0,150,150,150,150,150,150,150,150,150,150,150,150,150], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1] ] }] }; window.onload==>{ const ctx=document.getElementByIdcanvas.getContext2d； window.myBar=new Chartctx{ 类型：“箱线图”， 数据：boxplotData， 选项：{ 回答：是的， 图例：{ 位置：'顶部'， }, 标题：{ 显示：对， 文本：“Chart.js方框图” }, /*比例：{ 雅克斯：[{ 滴答声：{ 最小：-10， 最高：100， } }] } */ } }; }; 帆布{ -moz用户选择：无； -webkit用户选择：无； -ms用户选择：无； }

---

从服务器发送数据时，还可以发送最小值和最大值，然后使用suggestedMin和suggestedMax

其中，received Val指从服务器发送的值。还可以使用js函数从数组中查找最小值和最大值。建议值将始终通过保持步长比例来增加值

如果您想了解更多信息，请阅读文档。你可以在

yAxes: [{
    ticks: {
        suggestedMin: receivedMinVal - 10,
        suggestedMax: receivedMaxVal + 10,
        }
    }
}]