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

Question

我在一页中有六个图表，三个仪表和三个 XY 图表。 3 个仪表图表始终可见，而 XY 图表默认折叠。

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

我怎样才能避免这种情况？是否有命令使图表大小无效，或者在 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/

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

amCharts4: Collapsed charts becoming blank after related interactivity

javascript

amcharts

amcharts4