Chart.js: How to set a fixed height, the default height is 50% of the width。

[longboy]

How to set a fixed height, the default height is 50% of the width。

[RoxKilly]

I you want height fixed at 350px, modify the <canvas> that hosts the chart with a height attribute:

<canvas height="350px"></canvas>

Then when you set the chart options, make it non-responsive so it won't auto-resize:

var options = {
    responsive:false
}

[etimberg]

@RoxKilly is correct

[beausmith]

To get a fixed height and variable width…

• remove any width or height on the canvas element.
• set the desired css height on parent html container.
• set chart options to include maintainAspectRatio: false,

Here is a demo:
https://codepen.io/beau/pen/rvJRzb/