Javascript 获取顶点折线图的正确大小

我正在使用apex图表制作现代灵活的图表。（）。
以下是我的代码片段：

var选项={
图表：{
身高：15，
键入：“行”，
缩放：{
已启用：false
}
},
数据标签：{
已启用：false
},
笔划：{
曲线：“直线”
},
系列：[{
名称：“台式机”，
数据：[10,5,2,15,12,11,10,1,0]
}],
标题：{
文字：“每月的产品趋势”，
对齐：“左”
},
网格：{
行：{
颜色：['#f3'，'transparent']，//采用一个数组，该数组将在列上重复
不透明度：0.5
},
},
xaxis：{
类别：[一月、二月、三月、四月、五月、六月、七月、八月、九月]，
}
}
var图表=新的ApexCharts(
document.getElementById（“图表”），
选择权
);
chart.render（）
尝试将
图表.高度增加到
200


这使图表可见

请参阅以下工作片段


var选项={
图表：{
身高：200，
键入：“行”，
缩放：{
已启用：false
}
},
数据标签：{
已启用：false
},
笔划：{
曲线：“直线”
},
系列：[{
名称：“台式机”，
数据：[10,5,2,15,12,11,10,1,0]
}],
标题：{
文字：“每月的产品趋势”，
对齐：“左”
},
网格：{
行：{
颜色：['#f3'，'transparent']，//采用一个数组，该数组将在列上重复
不透明度：0.5
},
},
xaxis：{
类别：[一月、二月、三月、四月、五月、六月、七月、八月、九月]，
}
}
var图表=新的ApexCharts(
document.getElementById（“图表”），
选择权
);
chart.render（）

@WhiteHat不幸不起作用。什么不起作用？我试着粘贴@WhiteHat提供的代码，它工作正常。请创建一个codepen演示，以便我们可以仔细查看。