【问题标题】:What is a most efficient way to implement Gantt Chart in Angular js application? [closed]在 Angular js 应用程序中实现甘特图的最有效方法是什么? [关闭]
【发布时间】:2017-12-07 06:59:53
【问题描述】:

我正在开发一个酒店管理应用程序,在该应用程序中我使用 Angular 甘特图来管理房间价格。我的酒店有大量房间,每个房间都有不同的房价计划,因此无法在 Angular Gantt 图表中管理所有这些。 (一次在图表中加载大量数据会导致系统挂起。)

所以,为了解决这个问题,我在其中添加了延迟加载,并且只加载了 10 天的记录,但这并没有解决我的问题。所以我再次打破数据并在图表中添加了一个下拉列表并仅显示一个房间的记录。这次它运行良好,因为我在图表中加载了少量数据,但这不是我想要的。

所以我想知道在图表中显示最大数据的最有效方法或实现相同目的的其他方式。

提前致谢。

【问题讨论】:

  • 没有真正优化的灵丹妙药......如果您可以显示您的代码在 plnkr 或 jsfiddle 中运行,并带有一些个人信息转储/清理的示例数据(或生成的 JSON 生成器在线搜索),那么可以展示实际的问题,并可以让像我这样的其他人查看时间线和实际脚本执行,以了解它为什么很慢以及您可以做些什么来修复库或不将自己构建到同一个角落。像 D3.js 这样的东西可以用于高级可视化,但甘特图可能有点过头了。

标签: javascript angularjs charts gantt-chart angular-gantt


【解决方案1】:

瓦伦,

我想推荐我们的RadiantQ jQuery Gantt Package。它原生支持时间轴中的大量“任务”。您甚至不必为延迟加载而烦恼,我们的 UI 是虚拟化的,因此可以处理大数据。

如果您能告诉我们您的数据是什么样的,我们甚至可以制作概念证明。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-05-24
    • 2020-12-07
    • 1970-01-01
    • 2020-06-23
    • 1970-01-01
    • 2023-04-10
    相关资源
    最近更新 更多