![29dfee97e3f89bc5724c2dc723b635a0.png](https://i-blog.csdnimg.cn/blog_migrate/27b28c788372316c93bd5791fc370809.jpeg)
病征
1.您尝试手动或按照我们的教程来实现后端API ,但是在打开页面时,甘特图不会显示任何任务或链接。
2.您很难将更改保存到后端。
原因
对于不同平台上的不正确行为,可能有很多原因和解决方案,在本文中我们将不再赘述。
我们的目标是引导您完成调查此类问题的常见步骤。找到问题并了解应用程序为何无法正常工作后,通常可以轻松解决此问题。
检查页面上的错误消息
1.打开浏览器开发工具,然后重新加载页面。您是否在浏览器控制台中看到任何错误消息?
![7fb2e1f30776581572ced9fe53adbdf3.png](https://i-blog.csdnimg.cn/blog_migrate/0605b40ad4b64d8b0caffcd9e12ca3f1.jpeg)
2.如果有任何错误,请评估错误并确定是否可以自己处理。否则,请继续下一步。
检查客户的要求
1.打开“ 网络”面板,确保XHR请求可见。
2.重新加载页面,找到一个应该从后端加载数据的请求。确保输入正确的URL并检查响应状态。
![f455c5ca5bf7afc13040d30fe43ff63d.png](https://i-blog.csdnimg.cn/blog_migrate/598089d78b21f68acd52033c4bf5ce2e.jpeg)
有没有错误?
404响应状态表示存在错误的URL传递给该gantt.init方法,或者您的应用程序的路由设置存在问题。
检查服务器返回的内容
选择请求并检查响应预览或原始响应内容。
![cefc14b7038b24212345d1ac5e96e546.png](https://i-blog.csdnimg.cn/blog_migrate/17059f9ae658569caf73238bc6dd3f55.jpeg)
响应看起来是否类似于预期的数据格式?
如果您看到来自Web服务器而不是Gantt数据的错误消息
您可以确定后端代码或数据库连接设置有问题。
通常,错误响应包含足够的信息以找出导致问题的原因。如果看到通用500 server error消息,则可能需要临时禁用服务器上的自定义错误页面,以查看实际错误。在各种平台上的处理方式有所不同。如果您不确定从何处开始,只需使用Google“在<%your server or framework%>中禁用自定义错误页面”即可。
如果数据看起来或多或少都可以
看看的id,start_date,end_date,duration,parent的属性。
- id-具有相同ID的项目将被合并。如果您有五个具有匹配ID的任务,则Gantt将仅显示其中一个。
- parent- parent值与root_id配置匹配的条目将显示在任务树的根级别(默认情况下-任何空值,包括零或null)。如果该parent属性不为空,并且您的数据集不包含适当的父任务,则此类项目将根本不会显示。
- start_date,end_date,duration-确保您的条目包含至少两个这些属性,例如start_date+ duration。在“ 数据加载”文章中有更多信息。
确保start_date/ end_date格式与您在甘特图的date_format配置中指定的格式匹配
如果发现属性值中有异常
检查存储在数据库中的内容,可能是问题所在。如果日期格式不匹配,请更改date_format配置,或修改将任务日期序列化的代码,然后再将其输出到客户端。检查什么装载到甘特
1.打开浏览器控制台并运行gantt.getTaskByTime()。
2.检查控制台输出。您可能会看到一系列任务。
![9199af70a0142bdcc6f696b09339bc86.png](https://i-blog.csdnimg.cn/blog_migrate/6d26f79c6cffffdf6683a51fe6ffcab8.jpeg)
同样,你可以检查start_date,end_date和parent任务的性质。
筛选器
如果在那里没有发现任何明显的问题,请尝试检查代码,可能是filter隐藏了任务。
最后一招
如果以上方法均无济于事,或者您既看不到任务又看不到控制台错误,请尝试在我们的论坛中发布您的问题,或与我们的技术支持联系以解决您的问题。
请务必提供您收集的所有信息,以完成上述步骤。
此外,我们的团队将需要最少的可重复演示:要么是带有简化应用程序的独立程序包(“甘特图”页面,所有必需文件,带有一些测试数据的数据库转储,要么是包含您尝试加载的数据的静态JSON文件),或者一个在线链接,我们可以在浏览器中检查问题。