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

时间:2015-10-07 00:14:39

标签: javascript angularjs charts

我对JavaScript很新,更不用说图表了。我很感激任何帮助,以实现以下目标。我浏览了许多JavaScript图表库和示例,但没有看到任何解决我的问题:

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

谢谢!

See the desired end result in this image

1 个答案:

答案 0 :(得分:0)

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

但是,为了获得动态内容,您需要有一些数据源才能读取,以便您可以使用ajax之类的内容来持续ping它以获取更新的数据。谷歌图表库将为您提供一个良好的起点,但它不会是动态的。您必须对该部分进行编程,但Google图表非常适合为您提供基本的饼图,图表,条形码等。'图表模板'因此,在条形图和饼图之间切换非常容易。