Javascript 如何动态生成C3.js图表高度？

我使用的是C3.js，当我有很多数据时，图表渲染不太好，这是因为它的高度。C3以某种方式设置了一个固定的高度，它只显示底部标签。我尝试使用legend:

{show:false}

属性，但它无法正确解决我的问题

这就是它看起来的样子：

我放置图表的代码：

和CSS：

。要打印的节，。要打印的节*{
能见度：可见；
}
.要打印的部分{
位置：绝对位置；
左：0；
排名：0；
}

最后，当我检查DOM时，它将div设置为：

我非常感谢你的帮助。谢谢大家!

<div style='width:1000px;height:300px;'>
    <div id="chart_product" class="section-to-print"> </div>
</div>

请用另一个div将图表div括起来，您可以动态更改宽度和高度。