无法使用角度js调整圆环图表构建的大小-Java 学习之路

我的问题是我无法减小有角圆环图的大小 . 我使用chart.js作为角度模块中的依赖项，并在标记中使用甜甜圈画布 . 具有高度和宽度属性，其大小变化不大 . 请在这里找到我的画布代码 -

<canvas id="doughnut" class="chart chart-doughnut" height=".00001" width=".00001"

chart-data =“data”chart-labels =“labels”>

我在这里创造了plunker- https://plnkr.co/edit/Mf5UuyptuhS0JAkrpWXe?p=preview

我的问题是图表大小并没有减少太多而且它会在整个页面上出现，我该如何减少图表的大小？

2 回答

你可以把它包装成像这样的 div

<div style="width:300px; height:300px;">
     <canvas id="doughnut" class="chart chart-doughnut" chart-data="data" chart-labels="labels"></canvas>  
</div>

这适用于您的plunker .

回复于 2024-05-10T07:28:06+08:00

0

尝试使用这样的 -

<canvas id="doughnut" class="chart chart-doughnut" responsive = true height="50px" width="100px" chart-data="data" chart-labels="labels">

对我来说很好 .

回复于 2024-05-10T07:28:06+08:00

无法使用角度js调整圆环图表构建的大小

2 回答

相关问题