Javascript 为什么最高的数字会消失chart.js

我正在将chart.js与asp.net mvc5一起使用。我的图表运行正常，但顶部数字的标签显示不清楚。 你知道我要做什么吗

这将显示顶级号码状态

这是我的画布代码

  <div style="height:300px !important;  width:400px !important; display:inline-block !important;">
                <label for="chart1">
                    Prozent <br />

                </label>
                <canvas id="myChart1" width="400" height="400"></canvas>
            </div>

Prozent

这是图表选项

options: {
                    //animation:false,
                    responsive: false,
                    responsiveAnimationDuration: 0,
                    scaleLineColor: "red",

                    scales: {
                        yAxes: [{
                            ticks: {
                                suggestedMin: minNum(getData2),
                                suggestedMax: maxNum(getData2),
                                beginAtZero: true,
                                fontSize: 12,
                                fontColor: "#000000",
                                callback: function(value, index, values) {
                                    if(parseInt(value) >= 1000){
                                        return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                                    } else {
                                        return  value;
                                    }
                                }
                            },
                            gridLines: {
                                show: true,

                            }
                        }],
                        xAxes: [{
                            ticks: {
                                autoSkip: false,
                                maxRotation: 90,
                                minRotation: 90,
                                fontSize: 16,
                                fontColor: "#000000",
                                callback: function(value, index, values) {
                                    if(parseInt(value) >= 1000){
                                        return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                                    } else {
                                        return  value;
                                    }
                                }
                            },

                            gridLines: {
                                display:false
                            }
                        }]
                    },
                    legend: {
                        display: false,

                    },
                    tooltips : {
                        enabled: false
                    },

                    animation: {

                        duration: 0,
                        onComplete: function () {
                            var ctx = this.chart.ctx;
                            ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontFamily, 'normal', Chart.defaults.global.defaultFontFamily);
                            ctx.fillStyle = "black";
                            ctx.textAlign = 'center';
                            ctx.textBaseline = 'bottom';

                            this.data.datasets.forEach(function (dataset)
                            {
                                for (var i = 0; i < dataset.data.length; i++) {
                                    for(var key in dataset._meta)
                                    {
                                        var model = dataset._meta[key].data[i]._model;
                                        ctx.fillText(dataset.data[i], model.x, model.y - 3);
                                    }
                                }
                            });
                        }
                    }
                }
            });

选项：{
//动画：错，
回答：错，
responsiveAnimationDuration:0，
scaleLineColor:“红色”，
比例：{
雅克斯：[{
滴答声：{
推荐人：minNum（getData2），
suggestedMax:maxNum（getData2），
贝吉纳泽罗：是的，
尺寸：12，
fontColor:#000000“，
回调：函数（值、索引、值）{
如果（parseInt（值）>=1000）{
返回值.toString（）.replace（/\B（？=（\d{3}）+（？！\d））/g，“，”；
}否则{
返回值；
}
}
},
网格线：{
秀：没错，
}
}],
xAxes：[{
滴答声：{
autoSkip:错误，
最大旋转：90，
年薪：90，
尺寸：16，
fontColor:#000000“，
回调：函数（值、索引、值）{
如果（parseInt（值）>=1000）{
返回值.toString（）.replace（/\B（？=（\d{3}）+（？！\d））/g，“，”；
}否则{
返回值；
}
}
},
网格线：{
显示：假
}
}]
},
图例：{
显示：假，
},
工具提示：{
已启用：false
},
动画：{
持续时间：0，
onComplete:函数（）{
var ctx=this.chart.ctx；
ctx.font=Chart.helpers.fontString（Chart.defaults.global.defaultFontFamily，'normal'，Chart.defaults.global.defaultFontFamily）；
ctx.fillStyle=“黑色”；
ctx.textAlign='中心'；
ctx.textb基线='底部'；
this.data.datasets.forEach（函数（数据集）
{
对于（var i=0；i

从画布元素中删除宽度和高度。@MatthewCampbell我试图从画布中删除宽度和高度，但仍然存在相同的问题！刚刚用JSFIDLE尝试了MaintaintAspectRatio（设置为false），否则图表会出血。@MatthewCampbell现在它工作正常，非常感谢。。