问题标签 [angular-nvd3]

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 投票
1 回答
426 浏览

angularjs - nvd3 和 angular - 无法修复轴值

我正在尝试使用angular-nvd3.

图表工作正常,我可以获取数据并显示我需要的值。我现在遇到的问题是,我想显示x-axis一些特定的值,但由于某种原因我不能。

这是我到目前为止所得到的:http ://codepen.io/NickHG/pen/rLWNea?editors=1010

图表选项如下:

我想要实现的是每个小时的 X 轴00:00 to 23:00(我也尝试过,但没有运气:如何使用 d3.time.scale 为一天中的每一小时和一周中的每一天创建标签

x 轴的想法是我应该能够显示小时、天或周,但我想一旦我正确理解了如何显示小时,我应该能够弄清楚自己如何以不同的格式打印值.

谢谢你的帮助

0 投票
1 回答
333 浏览

angular-nvd3 - 动态生成标签不生成图表

我正在尝试根据用户使用 angular-nvd3 的选择在我的网络应用程序上动态生成图表。当用户选择该选项时,我有一个使用 d3.selection.append 为图表创建容器的函数。

当我取消注释“charts.html”中的静态图表容器时,数据似乎加载正常。但是,在用户选择时,会出现一个没有图表的空白图表容器。

图表.html

图表Ctrl.js

ProdFactory.js

0 投票
1 回答
294 浏览

javascript - Angular-nvD3(krispo) single line chart with ng-repeat

I'm trying to render different charts from an array named $scope.dataset with ng-repeat but it is not happening.

But I get this in firefox console-

Error: a.map is not a function

So I tried to put the same code in their plunkr - linechart-nvd3, and that did not work either. However the graph renders when I use the whole array i.e. $scope.dataset rather than using ng-repeat. Any help would be appreciated. Thank you.

0 投票
0 回答
83 浏览

d3.js - nvd3段颜色变化

我的折线图数据点如下:

如何使用 NVD3 绘制不同的分段颜色线图?

0 投票
1 回答
349 浏览

javascript - Angular nvd3 sunburst 不会随着 $scope.data 更改而更新

用例: 当数据从 api 发生变化时,$scope.data也会发生变化。我可以看到 html 中的数据变化。预计会更新旭日图。

下面是核心代码:

控制器:

HTML:

问题: 现在当数据从 api 发生变化时,$scope.data也会发生变化。我可以看到 html 中的数据变化。但是在我手动刷新页面之前,旭日图根本不会更新

0 投票
1 回答
1243 浏览

javascript - angular-nvd3 给出各种错误,说 d3.scale 未定义

我正在尝试一个非常基本angular-nvd3的概念证明,以尝试根据angular-nvd3文档获取演示图表来呈现。

请参阅Plunker的示例代码

我正在使用直线图表示例,但在浏览器控制台中出现此错误:

我玩过各种图表选项,试图找到任何可以呈现图表的东西,但所有的变化似乎都表明它d3.scaleundefined某个Object.nv地方。然而,我只是使用angular-nvd3示例中的确切图表选项和数据。

谁能看到我做错了什么以及如何d3.scale在使用时克服这个未定义的问题angular-nvd3

0 投票
0 回答
641 浏览

angularjs - 如何解决如下错误:TypeError:无法读取角度 nvd3 离散条形图中未定义的属性“长度”?

我正在使用角度 nvd3 离散条形图,我从 $http 获取值并显示在离散条形图中,图表正确显示了我的值,但我收到类似TypeError 的错误:无法读取未定义的属性“长度” 如何解决这个错误?

下面是我的代码:

我的 $http json 响应是这样的:

0 投票
1 回答
1770 浏览

javascript - 如何在 Angular-js 的柱形图上旋转 x 轴标签?

我使用 Angular-nvd3.js 创建了一个柱形图。我遇到的问题是该图表的数据标签。我想垂直旋转这些标签。这是图表的示例代码和一个可编辑的链接。

http://plnkr.co/edit/6t5bky?p=preview

我希望标签与图片中的下图中相同

在此处输入图像描述

0 投票
0 回答
259 浏览

javascript - 在角度nvd3的离散图表中覆盖CSS

我正在使用角度 nvd3 图表,我覆盖了 nv.d3.min.css 的 css

它工作得很好,但是当我点击分组到堆叠或反之亦然时,我覆盖的 css 不起作用。

任何人都可以帮助我如何在图表更改时提供动态 css,我可以处理该事件并且我的 css 更改会反映出来。

0 投票
1 回答
284 浏览

angularjs - AngularJs 指令链接函数中的继承

我目前在 Angular 中使用自定义指令通过观察父 div 的大小来调整我的 angular-nvd3 图表的大小。这可行,但我必须在调整大小的单个图表上重新绘制每个图表。

是否可以在派生的自定义指令中覆盖 updateHeight 和 updateWidth 函数来刷新每个单独的图表,这样我就不必通过创建单独的指令来复制代码。