我目前正在开发一个 Web 应用程序，该应用程序有一个显示单个图表（.png 图像）的页面。 该页面的另一部分有一组链接，单击这些链接时，整个页面将重新加载，并且看起来与以前完全相同，除了页面中间的图表之外。
我想要做的是javascript加载图片，当点击页面上的链接时，页面上的图表都会发生变化。 这将大大提高速度，因为该页面的大小约为100kb，并且您不想仅仅为了显示该页面而重新加载整个页面。
到目前为止javascript加载图片，我已经通过 JavaScript 使用以下代码完成了此操作
document.getElementById('chart').src = '/charts/10.png';
复制
问题是，当用户单击链接时，图表可能需要几秒钟的时间才能修改。 这会让用户感觉他们的点击没有做任何事情，或者系统响应缓慢。
我想要的是显示一个微调器/刻度/状态指示器，而不是图像加载时的位置，这样当用户单击链接时，他们至少知道系统已经接受了他们的输入并对其进行了一些操作。
我尝试了一些建议，甚至使用 psudo 来超时显示旋转控件，然后弹出图像。
我得到的一个好建议是使用以下代码
复制
这将是理想的，除非旋转器比所显示的图表小得多。
还有其他想法吗？
