2015-10-07 28 views
1

我对JavaScript非常陌生,更不用说绘制图表了。我会很感激在完成以下任何帮助。我浏览了很多JavaScript图表库和示例,但没有看到任何解决我的问题:动态条形图使用javascript时间滚动

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

谢谢!

See the desired end result in this image

回答

0

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

然而,为了有动态内容,你需要有一些数据源读取从这样你就可以使用像ajax这样的东西不断地ping它更新的数据。谷歌图表库将给你一个很好的起点,但它不会是动态的。您必须对该部分进行编程,但Google Charts非常适合为您提供基本的饼图,图表,栏等等。“图表模板”在条形图和饼图之间进行切换非常简单。

+0

谢谢你指点我在Google Charts的方向。时间表图表对我来说是一个很好的启动选项。但是,我坚持如何为每个单元格定制颜色。我怀疑p财产可能会帮助我,但我不知道如何使用该选项来实现我的目标。 – Forumer