Javascript 使用nvd3-ng2缺少网格线

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

我甚至在ng2-nvd3的github页面上的自述文件的“基本用法”部分使用了示例离散条形图来测试这一点

你知道这是什么原因吗？我有一个非常简单的angular2站点设置，除了bootstrap之外，其他样式非常少，HTML也非常少。即使删除了所有样式，问题仍然存在

图表中的其他所有内容都非常完美

浅棕色条顶部的D196.5是工具提示。正如您所看到的，缺少所有网格线和工具提示框

如果有人想自己测试问题，下面是一个示例应用程序：

示例应用程序是展示问题的最小平均值项目。要运行项目，请执行以下操作：

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

应用程序侦听localhost:3000。该应用程序只有一个视图，其中包含Hello World和显示问题的条形图

---

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

好的，因此我发现我缺少所需的样式，因为在我实施的最终版本中，需要使用Webpack解决方案才能让ng2-nvd3工作

---

通过将主样式表nv.d3.min.css从nvd3节点模块复制到我的项目文件夹中，并在我的索引页中链接它，修复了此问题。

确定，因此，由于在我实施的最终版本中使用ng2-nvd3所需的Webpack解决方案，我缺少所需的样式

通过将主样式表nv.d3.min.css从nvd3节点模块复制到我的项目文件夹中，并在我的索引页中链接它，修复了此问题