Chart.js 希望在最大值和图形之间提供一个空格

Chart.js 希望在最大值和图形之间提供一个空格,chart.js,Chart.js,当自动计算的建议值接近图表顶部时 是否可以指定保证金比率,使其不达到限额 (例如,如果我指定20%,最大建议值将为120) 我知道您可以通过循环数据手动计算,但我希望可以轻松地进行设置 我相信这就是您所需要的: 您需要在此处调整最大值上的值: scales: { y: { max: maxV, } } 基本上是这样的,我将上限设置为数据集最大值的20%。10000是四舍五入的 var arrMin

当自动计算的建议值接近图表顶部时

是否可以指定保证金比率,使其不达到限额

(例如,如果我指定20%,最大建议值将为120)

我知道您可以通过循环数据手动计算,但我希望可以轻松地进行设置


我相信这就是您所需要的:

您需要在此处调整最大值上的值:

    scales: {
          y: {
            max: maxV,
          }
        }
基本上是这样的,我将上限设置为数据集最大值的20%。10000是四舍五入的

    var arrMinmax = arrDataset1.concat(arrDataset2);
    var maxV = arrMinmax.reduce(function(a, b) { return Math.min(a, b) });
    maxV = Math.ceil(maxV/10000)*10000 * 1.2;

您可以使用grace选项向顶部添加一定百分比或x数量的空间

文件:

实例:

var选项={
类型:'bar',
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[{
标签:“#投票数”,
数据:[12,19,3,5,20,3],
边框宽度:1,
背景颜色:“红色”
}]
},
选项:{
比例:{
y:{
格雷斯:“20%,//将20%添加到最小值和最大值
//grace:20//始终将20添加到最小值和最大值
}
}
}
}
var ctx=document.getElementById('chartJSContainer').getContext('2d');
新图表(ctx,选项)


thx注释。毕竟,我得自己计算一下!有一个参数叫做“grace”。这很有帮助