本文介绍了nvd3用图表日期范围滑块奇怪的行为的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

虽然显示与Ajax请求nvd3图表,图表越来越接线。所以我想这个问题是要异步调用的延误,由于发生(可能是图表显示完整的数据加载之前,等等)。所以我用用,但还是我收到了同样的问题。请参阅plunker 。

如果您更改日期范围滑块,主要图表将无法正常显示。我不知道问题出在哪里?搜索在一些论坛上的帖子后,我接触过一些类似的东西在时间序列中的差距,是因为什么?如果是这样的话,我怎么能解决这个问题的时间序列差距问题?我搜索nvd3网站,但我没有找到有关填补国内空白的时间序列数据的任何文件。一些论坛帖子的建议使用c3.js代替nvd3,但我不知道是不是真的值得转移到c3.js?在我的经验,我觉得nvd3是最好的,我不觉得自己离开nvd3。

如果nvd3网站提供更多的样品,有些像在时间序列上填补空白的常见问题,真正的时间序列数据和文件,对数据进行排序,等等这将是初学者真的很有帮助。

由于我的项目发布日期的临近,我不知道现在做什么?切换到c3.js对我来说是最糟糕的选择。我附上错误屏幕从同一plunker出手了。

我觉得有与排序没有问题,我与我的JSON数据做的:

  angular.forEach($ scope.data,功能(
                                        系列指数){
                                    series.values​​.sort(功能(A,B){
                                        返回a.x - b.x;
                                    });
                                });


解决方案

问题的夫妇为你看一下:


  1. 我同意shabeer90,数据是时髦。你必须在同一时间发生的多个值。


  2. 您的排序是正确的,但如果你拥有了它在你的code不工作...尝试添加它Ajax调用的响应里面的(设置$ scope.data之后=数据) 。


  3. 此外,你需要,我在another问题(在lineWithFocusChart模型nvd3)。


  4. 访问xScale等有点比较麻烦......这图上,你需要经过的行:


这篇关于nvd3用图表日期范围滑块奇怪的行为的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-26 21:36