chart.js中的圆环图调整问题

Question

每当我更改页面分辨率或大小或放大页面 chartjs 调整图表时，都可以。 但是当撤消我的最后一个动作时，它不会恢复到原来的大小。 实际上它在我在页面上所做的每一个动作中都变得更大。

这就是我要的：

这是我缩放时发生的情况：

 function doughnut_config(data, labels, center_text, tooltip_enabled = true) { const config = { type: 'doughnut', data: { datasets: [{ data: data, backgroundColor: backgroundColor, borderWidth: 0.3 }], labels: labels }, options: { legend: false, responsive: true, maintainAspectRatio: false, elements: { center: { text: center_text } }, tooltips: { enabled: tooltip_enabled } } }; return config; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script> <div class="col-lg-6" style="text-align: center;"> <canvas id="my_chart" style="height: 160px; "></canvas> </div>

Answer 1

请确保在画布上使用max-height样式。

例如：

<canvas id=“my_chart" style="max-height: 160px;"></canvas>

Answer 2

还尝试以 % 值而不是像素给出高度和宽度。