不能从chart.js大小圆环图

JJS*_*JJS 2 html javascript css charts chart.js

不知道如何设置圆环图的高度/宽度,试过这个:

<div style="height: 168px">
    <canvas id="chart-area" style="height: 168px"/>
</div>
Run Code Online (Sandbox Code Playgroud)

我在图表下面有文字,这只会改变文字和图形的位置而不是圆环图的大小.

任何帮助将不胜感激.

Kau*_*ana 15

在图表的选项确认中尝试这个

options = {
  maintainAspectRatio : false
}
Run Code Online (Sandbox Code Playgroud)


Vas*_*nko 6

尝试设置画布内联的高度:

<div style="height: 168px">
     <canvas id="chart-area" height="168px"/>
</div>
Run Code Online (Sandbox Code Playgroud)