Javascript Chart.js：不考虑饼图的宽度和高度

我正在使用Chart.js创建饼图。我需要每个图表都是76x76px。不幸的是，渲染的图表总是比包装div和画布本身的大小小一些

如果您在中检查图表，您将看到我的意思：

canvas

元素有一个固定的大小，但图表本身并没有完全填充它

这几乎就好像有一个顶部空白保留的东西不存在

守则：

HTML

<div class="wrapper">
  <canvas id="myChart" width="76" height="76"></canvas>
</div>

CSS

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'pie',
    data: {
        datasets: [{
            data: [30, 70],
            backgroundColor: [
                'green',
                'gray'
            ],
            borderWidth: 0
        }]
    },
    options: {
        tooltips: {
             enabled: false
        },
        events: []
    }
});

.wrapper {
  width: 76px;
  height: 76px;
}

---

你知道我应该怎么做才能让饼图填满76x76px画布吗？

额外的空间是为默认启用的

图例保留的。只需禁用它，您就可以拥有图表的全部空间：

legend: {
  display: false
}

一个有效的例子：


var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myChart=新图表（ctx{
键入“pie”，
数据：{
数据集：[{
数据：[30,70]，
背景颜色：[
“绿色”，
“灰色”
],
边框宽度：0
}]
},
选项：{
工具提示：{
已启用：false
},
图例：{
display:false//Jackpot！谈论“为不存在的东西保留保证金”感觉有点奇怪，但我们开始了。好吧，你是对的。如果你愿意，你可以在这里报告这种行为：；）太棒了！！先生，你刚刚救了我的命！答案很好，但不能解决上一个版本的问题，工具提示错误和图例false@Leandro我将答案更新为最新的Chart.js版本，我的方法仍然有效。