Amcharts仅显示有关调整大小事件的数据

Amcharts shows data only on resize event

本文关键字：大小事 小事件 数据 调整 显示 Amcharts      更新时间：2023-09-26

我在推特引导模式中使用AmCharts预览时遇到了一个非常奇怪的错误。
实际上，它是一种用于预览某些图形数据的模式，但有时它实际上不会显示图形，直到：

-我打开检查元素对话框。（表示窗口大小调整事件）
- 或者通过调整检查元素对话框的大小（如果它已经打开）。（再次表示窗口大小调整事件）
-我手动调整浏览器窗口
的大小

从我的后端的角度来看，发送数据没有问题，它总是发送相同的数据。

我知道我的问题真的很愚蠢，但我认为可能是有人可能会遇到这个问题。
提前致谢

也有同样的问题，通过在显示模态后调整大小来修复

$('#myModal').on('shown.bs.modal', function (e) {
chart.invalidateNow();
chart.validateSize();
}

我也有同样的问题，所以试试这个它对我有用：

 $('#myModal').on('shown.bs.modal', function (e) {
           chart.validateData();
           chart.animateAgain();
 });

实际上，您只需在shown.bs.modal上添加chart.animateAgain();即可重新绘制图表。

其他解决方案对我不起作用。 对我来说，这起到了作用：

chart.invalidateSize();

我遇到了类似的问题，下面的代码对我有用。

document.body.style.overflow = 'hidden';
setTimeout(() => {
  document.body.style.overflow = 'visible';
}, 500);
相关文章：