问题标签 [angularjs-nvd3-directives]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3564 浏览

javascript - angularjs-nvd3-directives 与 angular-nvd3 之间的区别

我需要任何建议帮助或其他任何东西。我正在使用新技术开发 BI 工具,我对它们非常感兴趣,甚至参与了其中一个项目。但是,我想知道先验的利弊

链接

https://github.com/angularjs-nvd3-directives/angularjs-nvd3-directives

https://github.com/krispo/angular-nvd3

谢谢

0 投票
1 回答
1046 浏览

javascript - AngularJS nvd3-line-chart 指令不重绘数据更改(非实时)

尝试在我的 AngularJS 应用程序中使用 nvd3-line-chart 指令,但它不会在更改底层模型时重绘...

我是 AngularJS 的新手,所以对于经验丰富的 Angular 程序员来说可能很明显,但让我发疯:-)

在stackoverflow上搜索类似问题只会找到处理更复杂问题(如实时图表等)的答案 - 但我只想在点击链接时推送新数据......

我在这里准备了一个 Plunker 示例:

http://plnkr.co/edit/TkyHhbfi0vNw1FJ6mYZC?p=preview

指令是这样使用的:

(也尝试使用 objectEquality=false,但行为没有改变)...

然后在我的 js 代码中,我在子函数(来自 http 传输的回调)中设置了新内容:

为了确保所有内容都按需要调用,还添加了一些标签(xxx)并在从 click 到 yyy 的函数调用中对其进行了修改,这样可以正常工作 - 所以数据绑定和范围可用性似乎没问题?

相同的功能也用于初始填充,效果很好......

任何人都可以对这个问题有所了解吗?

顺便提一句; 还找到了一个工作示例,但无法发现差异(除了他们从本机 js 调用它,因此他们需要手动更新对我不起作用的组件,因为我已经处于角度更新周期中):

http://plnkr.co/edit/4ORCLW?p=preview

0 投票
1 回答
166 浏览

javascript - 如何让 ng-repeat 在指令模板中工作

问题:编译语法 {{vm.names}} 吐出变量,所以我知道视图可以访问它。但是,在像 ng-repeat 这样的指令中使用 vm.names 没有效果。我做了一个 console.log(typoeof()) ,上面写着“对象”,所以我知道它不是字符串。

代码:

演示http://plnkr.co/edit/6vlqXFshSxPe5b3Wu7mf?p=preview

0 投票
2 回答
1093 浏览

angularjs - angularjs nvd3折线图不更新数据

我正在使用 angular-nvd3-directives 创建折线图。

这是 HTML 文件

这是.js文件

问题是图表中的数据没有更新,但是当我检查 $scope.viewAll.linechart 变量时,最后一个数据已成功添加到其中。我错过了什么?

0 投票
1 回答
41 浏览

stacked-area-chart - 如何获取N个最新数据并在angularjs nvd3堆积面积图中显示

我正在使用 angularjs-nvd3-directives 创建堆积面积图。现在我的问题是我正在从服务器轮询数百个数据,我需要在 N 个最新数据上显示。我将如何做到这一点?

这是HTML文件

0 投票
1 回答
632 浏览

javascript - 在角度 nvd3 折线图中显示当前时间

我想将当前时间的垂直“现在”标记添加到使用 angular-nvd3-directives 实现的工作时间序列折线图中。有点像这样:http: //i.imgur.com/XsmfOXe.jpg

以前我使用纯 d3.js 构建这个图表并让它工作。因此,我尝试将现有解决方案移植到如下指令:

这就是我卡住的地方。我不知道如何访问 angularjs-nvd3-directives 图表的 x 和 y 比例。

HTML 是:

在我的图表控制器中,我有:

没有错误消息,根本没有任何反应。

任何帮助是极大的赞赏。谢谢!班纳特

0 投票
1 回答
393 浏览

width - 如何根据 div 的大小调整 nvd3-angularjs-directives 中堆叠区域图的大小?

我有一个使用 nvd3-angularjs-directives 创建的图表。我希望此图的大小根据其 div 的大小进行调整。我的问题最初是 y 的值达到这个值 2000000000 并且标签在两者之间的某处被切断。我希望图表能够调整,以便整个图表甚至标签都能正确显示。

这是图表

1)我将宽度的值更改为自动。但它没有用。

2) 我在 div style="color:blue;width:auto;" 中添加了这个。它也没有工作

0 投票
2 回答
680 浏览

angularjs - nvd3 角度指令错误:[$rootscope:infdig] 达到了 10 个 $digest() 迭代。中止

nvd3 angular error: [$rootscope:infdig] 10 $digest() iterations reached. aborting!

我使用 nvd3 angular 指令收到此错误。当您从视图中修改模型时,会发生此错误。但我不认为我正在这样做。

这是代码:

这是完整的控制器:

0 投票
1 回答
74 浏览

angularjs - 如何编写指令来设置另一个指令的属性?

我见过类似的问题,但我无法将它们应用于我的情况,所以我很感激你能给我的任何帮助。我正在使用 angular-nvd3 指令在许多不同的控制器中制作 4 种不同类型的图表。现在,我将它们添加到每个视图和控制器中,如他们的基本示例所示。

在html中:

$scope.options一遍又一遍地使用相同的 4 个版本,所以我想编写一组指令,允许我用 HTML 编写它(并且只$scope.data在控制器中定义)。

我已经看到了如何添加新属性并将它们指向范围变量的示例,但是如何将属性指向固定的 JSON 对象?

0 投票
1 回答
3400 浏览

tooltip - 如何在 nvd3-angularjs 中格式化工具提示内容

我使用 nvd3-angularjs 的堆积面积图

这是我的html

现在,我有一个应该格式化工具提示内容的函数,但它不起作用。也许它与 useInteractiveGuideline 属性有关。我使用相同的工具提示内容功能来编辑我的其他图表的工具提示,它在这些图表上工作,唯一的区别是这些图表不使用 useInteractiveGuideline。

我希望 x 位于中心,以及数据的其他格式。我该怎么做?我是否使用了正确的属性来格式化工具提示?