动态条形图滚动与时间使用javascript

Dynamic Bar chart scrolling with time using javascript

本文关键字：javascript 时间条形图滚动动态更新时间：2023-09-26

我对JavaScript相当陌生，更不用说制图了。我将感谢任何帮助完成以下工作。我已经浏览了许多JavaScript图表库和示例，但没有看到任何解决我的问题:

我需要创建动态堆叠条形图，如图所示。横轴为时间轴。图表应该向左滚动显示时间以及x轴上的时间标记。每个水平堆叠条对应y轴上的不同项目。y轴上会有很多项。每个部分的栏将有文字显示。关于每个部分及其文本的信息是动态接收的。

谢谢!

查看此图像中所需的最终结果

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

然而，为了拥有动态内容，您需要有一些数据源来读取，以便您可以使用ajax之类的东西不断地ping它以获取更新的数据。Google Charts库将为您提供一个很好的起点，但它不是动态的。你需要编写这部分的程序，但Google Charts在为你提供基本的饼状图、图形、条形图等方面非常出色。"图表模板"，因此在条形图和饼状图之间切换非常容易。