Javascript 如何使Chart.JS饼图超大（或至少正常大小）？

经过多次的打击和大量的啃咬，我得到了一个饼图，上面有一个图例，如我的自动回答所示

但我仍然非常渴望一个更大的馅饼——ISTM说，它可以很容易地再大一半，而不会超出它的界限。我需要做什么来扩大馅饼

以下是我正在使用的代码：

HTML

…以及目前的情况：

更新

---

我修改了一些东西，但仍然需要扩大尺寸；答案是肯定的。

是否有任何CSS可以调整div的大小？是的，bootstrap将宽度减少到页面宽度的一半（使用分配的12个列中的6个列），我还有CSS可以指定特定的像素高度-但正如您所看到的，仍然有很多“死”字可供饼图展开的空间。您为类

饼图
定义了什么CSS？你有没有定义高度和/或宽度？没有。唯一与饼图相关的CSS是我自己的（我不知道Chart.JS做什么/拥有什么），它是：。饼图图例li span{display:inline block；width:12px；height:12px；margin right:5px；}35;饼图legendleft{height:360px；width:100%；}试着在画布上增加一个高度和宽度，我认为这应该可以让你增加馅饼的大小。
<h2 class="sectiontext">Top 10 Items</h2>
<br />
<div class="chart">
    <canvas id="top10ItemsChart" class="pie"></canvas>
    <div id="pie_legend"></div>
</div>

var data = {
    labels: [
        "Bananas: 2,755 (18%)",
        "Lettuce, Romaine: 2,256 (14%)",
        "Melons, Watermelon: 1,637 (10%)",
        "Pineapple: 1,608 (10%)",
        "Berries: 1,603 (10%)",
        "Lettuce, Spring Mix: 1,433 (9%)",
        "Broccoli: 1,207 (8%)",
        "Melons, Honeydew: 1,076 (7%)",
        "Grapes: 1,056 (7%)",
        "Melons, Cantaloupe: 1,048 (7%)"
    ],
    datasets: [
        {
            data: [2755, 2256, 1637, 1608, 1603, 1433, 1207, 1076, 1056, 1048],
            backgroundColor: [
                "#FFE135",
                "#3B5323",
                "#fc6c85",
                "#ffec89",
                "#021c3d",
                "#3B5323",
                "#046b00",
                "#cef45a",
                "#421C52",
                "#FEA620"
            ],
        }]
};

var optionsPie = {
    responsive: true,
    scaleBeginAtZero: true
}

var ctx = $("#top10ItemsChart").get(0).getContext("2d");
var top10PieChart = new Chart(ctx,
{
    type: 'pie',
    data: data,
    options: optionsPie
});

$("#top10Legend").html(top10PieChart.generateLegend());