Javascript chartjs-不采用响应图中的高度

我正在使用chartjs（）。我试图给我的图表一个特定的高度，但它没有采取它。图表设置为响应，因此我使用100%的宽度。请检查我下面的代码和钢笔

Javascript /* *折线图 */

HTML

<div style="width: 100%; height: 300px">
    <canvas id="canvas"></canvas>
</div>

代码笔-

---

如何在响应图表上设置特定高度？

您是否尝试过直接为画布而不是包装div指定高度

试试这个css

    canvas{
        width: 100% !important;
        max-width: 1000px;
        height: auto !important;
    }

及

这个代码对我的有效

    canvas{
        width: 100% !important;
        max-width: 1000px;
        height: auto !important;
    }

<canvas id="canvas" width="1000" height="300"></canvas>