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

Question

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

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

chart-data =“data”chart-labels =“labels”＆gt;  

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

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

Answer 1

您可以将其包裹在div这样的

中

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

这适用于您的plunker。

Answer 2

尝试使用像这样 -

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

对我来说很好。