问题标签 [angular-nvd3]

我在用着：

• 角 v.1.3
• 角-nvd3 v.1.0.5
• D3 v.3.5.16

我尝试在 Y 轴上添加具有特定域的 Stacket面积图，我对结果感到满意，因为 yDomain 和图表正在工作，但我有一个小设计问题想要解决......

在 Y 轴上没有域：

工作正常，没有任何问题，但不完全是我想要的：

在 Y 轴上有一个域

对于最后一种情况，我现在在 Y 轴上添加了一个域：

而现在正是我想要的！我添加了一个域...但我不明白为什么X 轴和图表是低调的...

我该如何解决这个设计问题？为什么会这样？

谢谢！

图表属性：

我正在使用 angularjs-nvd3-directives 库中的 nvd3-bullet-chart 来显示最大的当前数据。如果我的最小数字大于 2，它将起作用。它显示整数。但如果我的最大数字 = 1，那么它显示十进制数。如何删除十进制数字？任何帮助将不胜感激，谢谢。

这是一个笨蛋。你可以看到第 1 行。

usage - Angular NVD3 LineChart

I am getting data, but when data is 0, it plots the graph and plot y axis from range -1,0,1.

But i do want to plot in negative y axis, since my data can never be negative.

X-axis contains time.

My graph progresses as the time elapsed increases, issue is like for first few minutes data will be 0, then afterwards i will start getting data.

JavaScript Code

Html Code

Screenshot

我正在为圆环图使用 angular-nvD3 目录。

但我不知道如何删除上面的单选按钮（一、二、三）。我不需要他们。我的要求是点击这里。我需要与所附屏幕截图中完全相同的甜甜圈。请帮我解决这个问题。

谢谢。

我正在使用 angualr nvD3 目录作为子弹图。我想在表格中以子弹图的形式显示数据。

但是当我尝试使用子弹图时我没有得到数据，否则我正在获取数据。当我使用 http 调用数据而不是 json 对象时，会出现以下错误。点击此处查看错误页面

我是 D3、NVD3 和 Angular-NVD3 的新手。我需要使用 Angular-NVD3 创建一个看起来与此类似的图表：

SO问题：NVD3堆积条形图加线重叠

（在 SO 问题上有一个 JS Fiddle）。

Angular-NVD3 有两个图表，每个图表都完成了我需要的大部分工作，但不是全部：

那些将是 MultiBar 和 MultiChart。( http://krispo.github.io/angular-nvd3/#/quickstart ) 例子：

也就是说，我需要一个堆叠的条形图，条形图顶部有一条线（或几条线）。我相信要做到这一点，必须使用“multiChart”而不是“multiBar”图表。（如果我错了，请纠正我）。

上面的 SO 示例修改了我想避免的 NVD3 库。经过研究，我明白他们为什么选择这种方法。

nv.d3.js（版本 1.8.2），对于 multiChart 对象，第 9068-9069 行：

如果将这些行更改为.stacked(true)，它会堆叠条形。

如何在不更改库的情况下使用 Angular-NVD3 并完成我需要的工作？

理想情况下，解决方案将是纯配置。下一个最理想的情况是在运行时从我的封闭组件内部设置“堆叠”值，但我似乎无法访问该对象。

如果可能的话，我想避免一个高度复杂的解决方案，因为这些抽象的重点是避免这种复杂性。但是，欢迎所有解决方案。

我正在使用 angular-nvd3 水平条形图。我需要动态调整图表的大小，以便条形始终具有相同的大小。

当前的功能是，在单击一个条形图中的条形时，会创建另一个条形图。传递给第二个条形图的数据是动态的，因此无法使用height属性将高度设置为常数。如果我将高度作为常数值，并且传递的数据很大，则条形将变得非常细以容纳所有值。

您能否建议一种可以动态设置高度以使条形高度相等的方法。

这是我希望达到的。

我已经在互联网上搜索了这个问题的解决方案，但还没有遇到过。我希望这里有人有这方面的经验，可以帮助我指出正确的方向。

我有一个使用 Angular-nvd3 创建的折线图，并且我正在使用 Bootstrap 进行响应。基本上我每行有两个图表。我遇到的问题是，当我第一次加载页面时，图表被挤压成一个小宽度。我没有在图表上设置宽度，以便它可以继承 100% 的宽度并填充容器。只要我对浏览器进行任何操作，例如打开控制台或调整浏览器大小，图表就会缩放到正确的宽度。我想知道是否有任何方法可以强制调整大小。我之前在使用 c3d3 时遇到过类似的问题，但使用 chart.resize() 解决了这个问题。我不知道 nvd3 是否有类似的方法，因为我对 nvd3 没有太多经验。我想知道是否有类似的方法可以使用，或者 d3 是否有一种纯粹的方法可以做到这一点。

以下是一些之前和之后的图片，以帮助可视化问题：

前：

打开控制台或以任何方式调整浏览器大小后，它会正确缩放：

编辑：我应该补充一点，设置固定宽度可以规避问题，但随后固有的响应能力就会消失（在较小的浏览器尺寸下图形重叠时会出现新问题）

编辑：添加了一些我希望可以提供帮助的代码片段。我正在使用 Bootstrap 方式的行和列。我还在 JS 中声明图表选项

HTML

JS

如何让 angular-nvd3 与 Browserify 一起使用？我通过安装，npm install angular-nvd3然后使用以下内容创建我的模块。

我的控制器看起来像

我的 HTML 看起来像

但我收到错误ReferenceError: nv is not defined@ angular-nvd3.js:250（使用v1.0.5）。

我认为安装和需要 angular-nvd3 将处理所有依赖项（即 nvd3 和 d3）。但是这些依赖关系没有得到处理。

当前的解决方法

为了解决这个问题，我<script>在我的 HTML 中明确安装了 d3 和 nvd3 以及它们；（但这只是违背了目的。

我正在寻找如何修改 NVD3.js 中 X 和 Y 轴标签字体的字体大小和属性

该文档似乎没有表明这样做的选项。可能吗？