问题标签 [angularjs-nvd3-directives]

我正在使用 nvd3 指令渲染一些数据，并且可绘制区域似乎正在渲染大量额外的填充，但我无法弄清楚如何调整它。

我将如何调整它以使图表占用更多/所有可用空间？

我正在尝试使用 d3/angularjs 制作仪表板。我被困在将词云添加到 main.html 中。

这是我之前生成的词云。

当我将

它不在“class=col-1-2”之内

我正在使用 angularjs-nvd3-directives。

我需要根据它们的值对各个条进行着色。我可以使用 angularjs-nvd3-directives 执行此操作，方法是使用一个回调来选择栏并在渲染后对其进行着色。

我在回调函数中的选择器如下所示：

总体而言，使用 angularjs-nvd3-directives 很好，并且为我节省了一些时间，但是在呈现图表后使用选择器自定义图表似乎需要做很多工作（颜色单个条形、颜色 x/y 轴等......）。

手头的问题是，当调整窗口大小时，它会恢复到原来的蓝色。有没有办法保存我对酒吧的更新？我是否需要为 window.onresize 编写自己的事件（我已经尝试过但似乎不起作用）？

我有一个网络应用程序，它对值进行一些求和，然后应该在饼图中绘制这些值，我对此图表的图例颜色有一些问题。

总结：

在迭代了许多对所述总和有贡献的不同对象之后，总和将附加到类别数组中的每个对象：

看法：

我的观点是我正在制作两个饼图： 一个饼图的数量：从一开始就是每个类别的属性。

如上所述，每个类别的费用总和的饼图。我必须等待求和完成，否则我的总和可能未定义，因此我添加了一个 ng-if 以确保已附加最后一个总和（参见下面的代码，第二张图表）。

渲染前求和未完成：未定义的值

如果我删除 ng-if 我似乎在饼图中的某些类别总和属性上未定义。这使得饼图无法正确渲染。我认为这是由于在渲染图表时未完成求和。

NG-IF 延迟图表的渲染

但是，无论是否在第二个饼图上使用 ng-if，图例在第二个图表上都是黑色的。即使我添加自己的颜色函数来设置legendColor，我的第二个图表也失败了。legendColor="colorFunction()". 然而，图表被渲染，只有图例是黑色的。

以下是我从视图中调用来设置图表的方法：

$scope.xBudget = function(){ return function(d) { return d.name+': '+d.amount ; }; };

如果我将 ng-if 添加到我的第一个图表中，它也无法为我的图例着色：

有没有人有过类似的经历，或者只是碰巧知道发生了什么？

我正在使用 angular-nvd3-directives 饼图。我正在使用带有 siteId （作为 x 轴）和 usersCount （作为 y 轴）的值列表来设置饼图。应用程序通常从列表中的一组 (siteId, usersCount) 对象开始。该应用程序允许用户更改站点集列表 - (siteId, usersCount) 列表，当加载新列表并且其中没有数据时，饼图打印 nodata 文本，但饼图留在文本后面之前的数据。

我使用 nv.graphs[0].update() 来刷新它，但这似乎不自然。我还将 objectequality 属性设置为 true（用于深入观察数据）。

数据列表在调试中如下所示： {object[1]} - 有数据时，{object[0]} - 没有数据时。

提前谢谢了 ：）

甜甜圈图的自定义颜色未显示在图例中，而是图例采用任意颜色。我怎样才能让它拾取那些自定义颜色？

HTML

我正在尝试在由 angularJS 驱动的网页中构建饼图。我成功地制作了饼图。持有这个图表的父块是圆形的（通过设置半径完成）。我试图将此图表完全放入块中，但饼图不完全适合它。

以下是 nvd3 元素的代码。

以下是这些元素的 CSS。

数据加载良好，显示的饼图正是我需要的，除了大小。我试图调整宽度和高度属性，但没有任何区别。我需要添加或更改任何 CSS 吗？

编辑1：这是我创建的小提琴的链接。http://jsfiddle.net/p6bf773L/。我对此很陌生，无法为 angular-nvd3 图表指令添加外部依赖项（https://github.com/angularjs-nvd3-directives/angularjs-nvd3-directives）。如果可以的话请帮忙。

我有一个复选框输入，选中时设置customer.isCompleted为真或假，并通过firebase api使用保存客户数据ng-change

但是我想确保当客户选中该框时，它会提示确认。如果用户点击 OK，那么它应该选中该框，更新ngModel 并触发，ngChange否则什么也不做。（并且在选中或取消选中该框时执行此操作）。选中时，确认框应显示 message1，未选中时应显示 message2。

我该如何实现这一点。我假设一个指令，但不知道我将如何实现它。

我正在使用angularjs-nvd3-directives创建一些饼图和堆叠条形图，并且想知道如何更改转换持续时间甚至类型，但持续时间是我主要要调整的时间。

这是我的代码：

仅影响图形的transitionduration初始加载，但是当数据更改并且重新绘制图表时，条形图或饼图转换到新值的速度过快。如果可能，我希望能够减慢速度并更改过渡类型。它目前默认为从左上角到右下角的过渡 - 这对于缓慢的图表加载很好，但过渡看起来很糟糕。

我已经尝试过delay="500"，但这似乎没有任何作用。我在这里错过了什么吗？

有时 svg 图表看起来比正常的要小。此问题已解决重新加载屏幕。

带有以下 html 标记的 SVG 元素出现尺寸错误。

这个问题并不总是发生，但当它发生时安排刷新屏幕。

我认为这个补丁是个坏主意，我想了解发生了什么。

谢谢