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

angularjs - Angular - nvd3 附加行

我制作了一个 Angular-Nvd3 图表,但我不知道如何沿着 Y 轴绘制一条简单的线作为标记。示例:x:iy: 180 因此,我不想将其视为具有价值的数据。

现场编辑:

http://krispo.github.io/angular-nvd3/#/lineChart (如果你现在解决了,请分享与此链接兼容的源代码。)

0 投票
0 回答
373 浏览

javascript - nvd3离散条形图的阈值线

我想知道 nvd3 离散条形图是否具有可用的阈值线功能。据我研究,我没有任何运气,但我正在寻找任何可能的替代方案。

http://cmaurer.github.io/angularjs-nvd3-directives/discrete.bar.chart.html

谢谢。

0 投票
1 回答
434 浏览

javascript - Angular-Nvd3 日期和数字与数据不匹配

我正在使用 Angular-Nvd3 来表示我的数据集,我目前正在从我的数据中得到一些奇怪的结果。我数据中的日期和数字与图表上显示的日期和数字不对应。

我的$scope.data包含这个 JSON 数组: http ://www.jsoneditoronline.org/?id=654aba4a1a8f3fd7d31f75dd295da363

我的$scope.options样子是这样的:

问题是我的图表只显示了 1970 年的日期,而且数字完全不正确:

在此处输入图像描述

我不知道为什么图表显示了错误的日期和数字,请帮我解决这个问题。

0 投票
1 回答
2497 浏览

angularjs - saveSvgAsPng - getBBox 不是函数

我正在使用 exupero 的 saveSvgAsPng 库将 SVG 保存为 PNG 文件,但是在将它与 Angular-Nvd3 结合使用时遇到了问题。

我收到一条错误消息:

未捕获的类型错误:el.getBBox 不是函数

在我看来,该功能无法从我的 nvd3 元素中“抓取”SVG 元素。

我的代码如下所示:

HTML:

Javascript:

任何有关如何使这项工作正常工作的建议将不胜感激。

0 投票
2 回答
8151 浏览

javascript - Nvd3.js - 向累积图表添加多个 y 轴

我需要在我的累积 Nvd3 图表中添加多个 y 轴,有人知道我需要修改库代码的哪一部分吗?

如果您自己完成了这项工作并且可以提供一个 Jsfiddle,那就更好了。

任何建议,将不胜感激。

0 投票
0 回答
396 浏览

angularjs - NVD3/AngularJS 中的 ForceY 指令

我试图弄清楚如何在我的角度应用程序的 nvd3 图表中更改我的 y 轴范围。我正在使用Krispo 的Angular-NVD3 库,并查看了他的论坛和文档以获取涉及forceY. 在这个论坛中,Krispo 提到我需要做的就是将以下代码添加到chart我的控制器中的数组中:

我已经尝试将它添加到我的应用程序中,但它不起作用。我还研究了可能解决我的问题的其他 nvd3/d3 指令,例如在我forcey="[5000]"的标记中向标记添加指令<nvd3>,但这对我也不起作用。似乎有很多不同的方法可以做到这一点,但它们似乎都没有奏效。

另外,我是否可以将其中一个值(最大值或最小值)设置为角度表达式?所以类似于以下内容:`forcey="[0,{{data.value}}]"?这基本上是我需要做的,因为在我的应用程序中,有几个报告图表,如“评论最多的 5 个 SIC”下的图表,将 y 轴最大值设置为数据集的最小值。我需要更改它,使最小 y 轴值为 0,并且对应的最大值是角度表达式,其中数据对应于最大数据值。

任何帮助,将不胜感激。

编辑:我已将angular-nvd3-directives.js文件添加到应用程序,并将依赖项添加到应用程序。在我在网上找到的示例中,似乎也需要这个库,但是标记中的 nvd3 标记是不同的(它有类似的东西,nvd3-discrete-bar-chart而我只有nvd3. 我不知道为什么它不同 - 这是否意味着我的库m using 不适用于 angular-nvd3-directives?

0 投票
0 回答
322 浏览

javascript - Angular Nvd3 - 的值无效属性变换="翻译(0,NaN)"

我正在使用带有 Angular Nvd3 指令的“Multichart”,并且我不断收到此错误消息:

错误:属性 transform="translate(0,NaN)" 的值无效

我不知道为什么会这样。

我的 HTML 代码如下所示:

我的 JavaScript 看起来像这样:

请帮我解决这个问题,任何建议将不胜感激。

0 投票
1 回答
371 浏览

angularjs - How to create angular nvd3 multibar and stacked chart using json data

I want to create an angular nvd3 multibar chart using the following json data.

0 投票
2 回答
503 浏览

javascript - Angularjs有时在使用括号时解析错误

在下面的代码示例中,为什么在锚元素的 ng-click 指令中的 position[0].position 周围需要括号,但在 div 的 ng-show 指令中不需要括号?

它是否与设置相等性与检查相等性有关?它与嵌套的 ng-repeat 有关吗?

当我在 div 元素的 ng-show 中的相等检查周围添加括号时,我得到一个解析错误,为什么?

0 投票
1 回答
387 浏览

javascript - nvd3 图表,如何删除时间范围滑块(图表下方的小图表)?

这是我希望我的应用程序中的图表看起来像的 Plunkr:http ://plnkr.co/edit/19D5cnrVYdUrMlblQAry?p=preview

根本没有时间跨度测距仪。

但是在我的应用程序中,我看到了这个:

在此处输入图像描述

我的渲染图表功能:

然后我的drawChart函数:

控制台中的响应是什么样的

在此处输入图像描述

我在他们的文档中没有找到任何可以告诉我如何删除它的内容。

在此处输入图像描述