问题标签 [ng2-nvd3]

在使用 ng2-nvd3 和 angular 2 路由功能时，我注意到控制台充满了以下错误：

我设法将问题指向一个用例：

• 将 route-outlet 更改为指向带有 ng2-nvd3 图表的路线
• 将其改回指向没有 ng2-nvd3 图表的路线
• 更改窗口大小（或开发者控制台大小）
• 在控制台中查看错误

这可以很容易地用这个plunker 复制：

• 打开开发者控制台
• 点击“图表”链接
• 点击“无图表”链接
• 更改开发人员控制台（或浏览器窗口 - 效果相同）的大小 - 确保释放鼠标按钮而不仅仅是更改大小。
• 控制台中出现错误

如何避免这个错误？

我正在使用 ng2-nvd3，我想访问外部 json 数据。根据下面的代码片段，我如何引用 .json 文件来保存与下面 this.data 数组中显示的数据相同的数据？

我需要更新图表中的数据并保留图表的用户配置（multiBarChart，堆叠选项）。

这是我的组件

}

似乎 this.stacked in 选项与 this.staked in 组件无关。所以我的问题是如何以正确的方式将 stateChange 与组件变量绑定？

我正在尝试在这个 plunker 中实现图形：plunker

这是github代码：github

但我收到一个错误：

未捕获（承诺中）：组件视图上的意外指令值“未定义”。

我有一个 angular2 应用程序，我希望在其中使用人力车。这需要以下内容：d3、nvd3 和 ng2-nvd3。我的 lib 文件夹中有这些：

我的 systemjs.config.js 地图如下所示：

然而，当运行这个我得到一个错误：

告诉我它尚未实施。有人可以告诉我我错过了什么吗？

提前致谢。

我正在尝试将示例添加到 angular2-quickstart 项目中。在systemjs.config.js定义地图ng2-nvd3

app.module.ts：

和app.component.ts：

将 3 行添加到index.html：

来自浏览器的错误：

有什么想法吗？

我想y1Axis明确设置范围，例如 1 到 100。我该怎么做？

在 d3 的文档中，我发现tickValues但我不确定如何将此方法用于上述配置对象。

提前感谢您的任何帮助。

我正在尝试获得组合d3，nvd3并ng2-nvd3在 Angular 2 项目中使用angular-cli 1.0.0-beta.15.

@types我已经通过 npm安装了相应的包，package.json如下所示（省略了不相关的包）：

我包括d3.jsandnv.d3.js以及nv.d3.css（angular-cli.json包被正确捆绑）：

我创建了一个common用于导入的模块ng2-nvd3（我验证了代码也已捆绑）：

然后，我将该common模块导入到期望使用它的应用程序模块中（在 中ActivityChartComponent）：

这是ActivityChartComponent模板（组件代码本身只是计算数据，在这里无关紧要）：

我遇到了一个异常（我用“...”屏蔽了堆栈跟踪中的 URL 以保护私有数据）：

为了能够对此进行调试 - 我从中删除了d3和nvd3引用，angular-cli.json并将它们直接导入到中index.html。

查看d3代码，我找不到对 . 的任何引用watchTransition，但是nvd3将实现添加到d3.selection.prototype.

摘自nv.d3.js：

在调试的时候，我看到原型没有watchTransition参考...

任何想法、线索或信息将不胜感激。

我正在尝试在 Angular2 项目（核心 v2.1.1）中使用 ng2-nvd3（https://github.com/krispo/ng2-nvd3），但它不起作用。

我已将 nvD3 放入 @MgModule 的声明中：

我已经按照描述设置了组件：

但我得到了错误：

我的 package.json 文件中有 nvd3 和 d3，但我不确定应该如何处理它们。

我遇到了一个奇怪的问题，我无法解决。我的图表缺少 x 和 y 轴线，工具提示框也只显示文本，而不是框本身。

即使仅使用 ng2-nvd3 的 github 页面上自述文件的“基本用法”部分中的示例离散条形图，我也对此进行了测试。

任何想法是什么原因造成的？我有一个非常简单的 angular2 站点设置，除了 bootstrap 之外的样式最少，HTML 也很少。即使删除了所有样式，问题仍然存在。

图表中的其他所有内容都可以完美运行。

显示自述文件中示例条形图问题的屏幕截图

浅棕色条顶部的 D196.5 是工具提示。如您所见，所有网格线和工具提示框都丢失了。

如果有人想自己测试问题，这是一个示例应用程序：https ://github.com/ekuusi/nvd3-ng2-grid-issue

示例应用程序是一个显示该问题的最小 MEAN 项目。运行项目：

• 复制到本地文件夹
• npm 安装
• npm 运行构建
• npm 开始

该应用程序侦听 localhost:3000。该应用程序只有一个带有 Hello World 的视图和展示问题的条形图。

编辑：已解决，但如果有人遇到同样的问题，我会把它留在这里。如果您想了解如何使用 Webpack 让 ng2-nvd3 在 Angular 2 项目中工作，也可以随意使用此处链接的 repo。