amCharts4:相关交互后折叠图表变为空白

Question

我在一页中有六个图表，三个仪表和三个XY图表。3仪表盘图表始终可见，而XY图表默认情况下处于折叠状态。

在页面加载时，所有图表都被正确绘制，无论它们是否折叠。但是，如果我刷新所有图表，例如，在更改DatePicker值之后，所有折叠的图表都会变成白色。

我怎样才能避免这种情况？有没有一个命令可以使图表大小无效，或者只是在div调整大小时重新绘制？

编辑：

我能够用选项卡重现类似的行为:在页面加载时，所有选项卡都正确显示，但如果我单击刷新按钮来重新绘制图表，则当前不可见的选项卡将变为空白。

你可以在这里查看：https://jsfiddle.net/giulia_pinnisi/cqoz5vbg/13/

draw_chart("chart1", data1);
draw_chart("chart2", data2);
draw_chart("chart3", data3);

$('#refresh_button').click(function() {
  draw_chart("chart1", data1);
  draw_chart("chart2", data2);
  draw_chart("chart3", data3);
});

非常感谢

朱利亚

Answer 1

如果想要重新实例化图表，则需要对图表执行dispose操作。

chart.dispose();

查看更新后的示例：https://jsfiddle.net/hosfrcd8/