问题标签 [angular-nvd3]

我正在使用 angular-nvd3 并且在弄清楚如何改变动画方式时遇到了很多麻烦。

以下是打开数据集时当前发生的情况。如您所见，费用从右上角开始动画，距离直接从右侧开始动画。我希望他们俩都做的是两件事之一。要么用基本的淡入动画，要么向上生长。

这是我的控制器。有趣的是，当我添加 yDomain1: [1, 200] 时，它导致距离图表直接从右侧开始动画，在此之前它也是从右上角开始动画的。

距离和费用数据为：

我想将通过数据库查询检索到的编码 JSON 数据加载到 Angular-nvD3 图中，但我不知道该怎么做或哪种方式最适合完成此类任务。

我使用 api 从数据库（表 PRODUCTS）中检索编码的 JSON 数据。我已经成功地将这些数据加载到表中，并$http请求（加载到工厂）到给定的 api。数据作为对象保存到工厂中的字典中，并带有$http对 api 的请求（位于服务中）。

表格样本（表格产品）：

身份证件

1 100

2 275

工厂样品：

将数据显示到表格中的控制器示例（ng-repeat="data in get_data"视图中带有“”）：

数据格式示例：

饼图 - 这是我要添加的脚本类型的示例（来自THIS存储库）：

HTML：

我的问题是：如何将这些检索到的编码 JSON 数据加载到 Angular-nvD3 图中，而不是手动将数据输入到 Angular-nvD3 图中$scope.data？

非常感谢！

我正在为我的一个项目在 NVD3 中构建 stackAreaChart。这个图表的数据是一个字典数组，其中每个字典类似于下面的字典：

{x: 0, y: 1000, tickValue: 'Sunday'}

我创建了一个 (x,tickValue) 的映射，并编写了一个自定义的 tickFormat 函数，该函数将返回与 X 轴值tickValue对应的x值。所以我的 X 轴将具有星期日、星期一等的值。我想要x交互式指南工具提示中的值 (0, 1, 2, ...)。但似乎 NVD3 在显示交互式指南工具提示时使用了相同的 tickFormat 函数。

但是，我想使用x交互式指南工具提示中的数据值。那么是否有可能有两种不同的自定义方法，一种用于填充 X 轴，另一种用于 NVD3 中的交互式指南？

我有一个创建一个离散条形图的应用程序。由于某种我无法解释的原因（这似乎是库中的内部错误），y 轴缩放到一个数据值，该值不是数组中整数的最高值（在我的数组中，它缩放到 5674 而不是 25797）。我该如何修复这个错误？谢谢你。

我的数据样本（fetched-data.json）：

HTML 示例 (app.html)：

我的控制器示例（app.js）：

请查找https://plnkr.co/edit/XsuAuOFasQnJPK5uhfc1?p=preview以了解相同的问题。enter code here

我发现图书馆nvD3-Angular看起来非常好和友好。我用它来绘制静态数据，但我希望能够读取存储在我的数据库中的数据。有没有办法通过 AJAX 使用 JQuery 使用提到的数据设置数据变量？我知道一定有办法获取这些数据，但是我还没有找到它。

我的代码如下：在我的html中：

在控制器中：

作为额外信息：服务器端使用 Php Laravel 5.1 编码，使用 mysql 作为数据库。

感谢您的任何指导。

我正在尝试产生嵌套的json类似nvd3 StackedAreaChart用途：

来源：http ://plnkr.co/edit/CIGW0o?p=preview

我想使用我的数据库中的数据。

我怎么能做到那种json？我对嵌套不太熟悉，而且json我在它们的结构中注意到的一件事json是对象中的值values是纯整数。它不像"1025409600000". 当我尝试引用它时，图表无法正确读取数据。

问题

1. 如何产生嵌套json的类似nvd3用途？我已经进行了一些研究，但没有任何反应。我发现了一些我猜它会的东西，但无法让它工作。这里和这个也是。

2. unquote嵌套json结构的值是否可能？如果是，怎么做？

这是我目前正在做的事情：

这给了我这个价值：

提前致谢 ：）

编辑

有关更多信息，我希望发生这样的事情：

将以这样的json格式返回

我使用 angular-nvd3 指令创建了一个 nvd3 图：

但是，似乎无法过滤数据属性，|filter:something因为它最终会无限循环，并且角度中断会出现无限循环错误。

图形选项设置为：

数据设置为：

vm.statsModel.registeredMembers 是这样的：

有任何想法吗？

当我尝试使用 angular-nvd3 配置一个简单的折线图时，我遇到了一些严重的 nvd3 错误。

我编辑了给出的示例 plunker，似乎我的数据格式错误，因为仅交换选项仍然有效。

这是一个故障 plunkr： http ://plnkr.co/edit/fznNKBw6hwNYavfZ3Nvi?p=preview

选项：

数据：

谁能发现问题？

我关注了这篇文章： http: //gonehybrid.com/bring-your-ionic-app-to-life-getting-started-with-d3-js/

我有所有的库，但不幸的是，我收到了这个错误：

在我的 Win7 机器上的 VirtualBox 中运行 Ubuntu 14.04：