如何设置画布的响应宽度和高度？

Question

当我在容纳画布的容器中使用CSS时，得到了所需的高度和宽度。但是当我最小化它时，它没有响应。

.lineGraph{
    height: 100%;
    width: 52%;
    background-color: white;

}

所需大小：

最小化时：] >>

但是当我将CSS放在画布本身上时，将CSS最小化时，它就会变得敏感。但是当图表最大化时，我没有得到所需的图表大小。

#lineChart{
    height: 100%;
    width: 52%;
    background-color: white;

}
[最大化时：

*最小化时响应：*

最大化时如何获得所需的大小，而最小化时如何获得响应的输出？

当我在容纳画布的容器中使用CSS时，得到了所需的高度和宽度。但是当我最小化它时，它没有响应。 .lineGraph {高度：100％；宽度：52％;背景-...

Answer 1

在您的chartjs或画布周围添加div：