问题标签 [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 投票
1 回答
3299 浏览

angularjs - 在 angular-nvd3 折线图中动态放大 y 轴范围

我在这里使用角度 nvd3 指令构建多折线图。该图表会自动将 y 轴缩放为所有绘制的系列中的最大值和最小值。我可以将其更改为最小值和最大值的 1.5 倍吗?或者我选择的任何其他动态配置?

0 投票
3 回答
7204 浏览

javascript - Angular nvd3折线图自动调整大小

我正在使用角度 nvd3 指令。

根据示例:https ://github.com/angularjs-nvd3-directives/angularjs-nvd3-directives/blob/master/examples/lineChart.with.automatic.resize.html

好吧,如果我更改图表的 Div 大小。它会调整大小,但仅当我移动/打开/关闭“控制台视图”(FF 上的ctrl+ shift+ )时。i

我检查了angular-nvd3-directive,没有调整大小的事件调用,所以我想这是一个d3/nvd3 comportement?

到目前为止我的问题:如何模拟这种事件以调整图表的大小?

0 投票
1 回答
681 浏览

angularjs - 错误:值无效angularJS nvd3-multi-bar-chart中的属性x =“NaN”

我是 d3 图表的新手,我想使用 x 轴作为字符串,我的应用程序抛出Error: Invalid value for <text> attribute x="NaN"错误。

这是我的示例 JSON

那么,如何将 x 轴值作为字符串传递

0 投票
1 回答
2393 浏览

javascript - nvd3在堆积面积图上捕获点击事件

我正在尝试在 nvd3 堆积面积图上捕获点击事件。我能够捕获工具提示显示工具提示隐藏事件。我想捕获点击事件并获取点击点信息。请帮忙。PLUNKER_LINK

我的图表选项是:

0 投票
1 回答
286 浏览

nvd3.js - 如何显示带有与一组以上值关联的键的折线图?angularjs-nvd3 指令

我正在使用angularjs-nvd3-directives来显示图表线,但我需要显示具有多个相同键值的数据集。例如:

我在 plunker http://plnkr.co/edit/RM0iUx?p=preview中有一个示例,但它不会同时呈现两条线。

这可以通过 nvd3 指令实现吗?有没有人做过类似的事情?

我需要将两行数据值集与同一个键相关联。因此,当我单击与该键对应的图例时,两条线都应该受到影响

0 投票
1 回答
718 浏览

angularjs - 以编程方式更新 Angular nvd3 中 LineWithFocusChart 的画笔

我在 Angular-nvd3 指令中使用“LineWithFocusChart”。该指令的链接在这里

现在我需要以编程方式更改此图表的焦点,而不是使用下面的焦点图表。这个问题的答案在这个 stackoverflow 问题中,针对一个简单的 nvd3 元素。但是我需要在这个图表的 Angular 指令中实现相同的功能。

我浏览了 GitHub 上的文档和问题,但无济于事。有人可以帮忙吗?

0 投票
1 回答
497 浏览

css - 如何在 DiscreteBar 图表栏上放置 MouseOver 事件

我正在尝试使用此处的 NVD3 角度指令创建条形图:http: //krispo.github.io/angular-nvd3/#/

我使用的图表是这个:http: //krispo.github.io/angular-nvd3/#/discreteBarChart

这是我在页面上创建图表的 html(在这种情况下上下文似乎并不重要):

这是控制器代码(标签所在的位置)

app.controller('BarChartController', function ($scope) {

在控制器底部可以看到的三个事件处理程序中,只有第一个有效,因为我在 nvd3 中指定了 ng-mouseenter 选项。但是,当鼠标进入整个图表 div 时,此方法有效。我想要的是在单个栏上检测鼠标悬停,以便我可以突出显示它,然后突出显示我的视图的另一部分。

你将如何去做我想要在这里实现的目标?非常感谢任何帮助,干杯!

0 投票
1 回答
813 浏览

angularjs - nvd3 和 angularjs 多条形图

我正在尝试使用 angular 和 nvd3 绘制多条形图。html部分是

数据是

在控制器上的此功能中设置

控制台上没有显示任何错误,在页面上我什么也没得到。

编辑:

我的 bower.json 看起来像这样

0 投票
1 回答
2770 浏览

javascript - 带有双 y 轴的 Angular NVD3 多条形图,仅使用 json 数据显示线

我正在尝试创建一个只有线条不包括条形的角度多条形图。我想使用 json 而不是 Lee Byron 的测试数据生成器来生成数据。但我不知道如何将 Lee Byron 的测试数据更改为 json 数据。我也是 angular 和 nvd3 的新手。请帮我找出解决方案。

我想从 JSON 文件中获取相同的数据

0 投票
1 回答
1192 浏览

angularjs - 在角度 nvd3.js 中更改图例的位置

我正在尝试将图例的位置更改为饼图的底部 [默认情况下为顶部]。在没有 angular-nvd3 的普通 nvd3.js 中,建议使用:

是否可以在 angular-nvd3 中执行此操作,还是有其他选择?