使用javascript随时间滚动的动态条形图

Question

我对 JavaScript 还很陌生，更不用说图表了。在完成以下工作时，我将不胜感激。我浏览了许多 JavaScript 图表库和示例，但没有看到任何解决我的问题的方法：

我需要创建动态堆叠条形图，如附图所示。横轴为时间轴。图表应随着时间向左滚动，并在 x 轴上显示时间标记。每个水平堆叠条用于 Y 轴上的不同项目。 y轴上会有很多项目。栏的每个部分都将具有如图所示的文本。动态接收每个部分及其文本的信息。

谢谢！

See the desired end result in this image

Answer 1

我发现 Google 图表非常非常易于使用 (https://developers.google.com/chart/?hl=en)

但是，为了获得动态内容，您需要有一些数据源可供读取，这样您就可以使用 ajax 之类的东西不断 ping 它以获取更新的数据。 Google Charts 库将为您提供一个很好的起点，但它不会是动态的。您必须对该部分进行编程，但 Google Charts 在为您提供基本的饼图、图形、条形图等方面非常出色。“图表模板”因此在条形图和饼图之间切换非常容易。