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

标签 javascript angularjs charts

我对 JavaScript 还很陌生,更不用说绘制图表了。对于完成以下任务的任何帮助,我将不胜感激。我浏览了许多 JavaScript 图表库和示例,但没有看到任何可以解决我的问题的:

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

谢谢!

See the desired end result in this image

最佳答案

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

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

关于javascript - 使用 javascript 随时间滚动的动态条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32981771/

相关文章:

javascript - 从条形图中删除 0 值

javascript - 如何将 jquery datepicker 添加到动态创建的输入(位于名为 page 的 ajax 中)

javascript - 需要帮助将多行推送到 MySQL

javascript - 在javascript对象中平面数组的函数式编程方法

javascript - Angular 表达式不适用于 html

javascript - 我如何设置 ChartJS 的样式使其始终位于 div 的底部?

javascript - 如何在 d3 中绘制多边形内的图像

javascript - 处理表单后更改 onclick 函数的位置

javascript - 以 Angular 发送参数列表并更改路线

angularjs - 如何在 Angular 中将 Select 更改为 ng-invalid