问题标签 [angular-nvd3]

我正在使用 angular-nvd3 的 LinePlusBarChart 来显示一些数据，就像这样：

http://plnkr.co/edit/mrkvM1ihrVRN9jdBFWiF?p=preview

在上面的示例中，x 轴域基于数据的日期值。

如何在 linePlusBarChart 中更改 x 轴的日期间隔以从 2000 年开始并持续到 2015 年，即使在 2000 年和 2004 年之间没有可用数据？

更新：对于普通的折线图，设置chart.xDomain = [minDate, maxDate]工作正常。图表正确显示数据，图表 x 轴从 2000 年开始，到 2015 年结束。通过在linePlusBarChartchart.lines.xDomain = [minDate, maxDate]中使用和，图表的数据也正确显示，但 x 轴没有反映更改后的最小值和最大日期。这是显示错误的图像：chart.bars.xDomain = [minDate, maxDate]

图表选项如下所示：

我有一个使用 angular-nvd3 的 Angular 前端应用程序。这对我来说很方便。不幸的是，我现在需要一个仪表图，并且因为我从服务器响应创建动态图表，所以我不想构建许多条件来包含不同的图表库。
关于 d3.js 或特别是 NVD3 的仪表图信息不多。
我发现的唯一东西是这个http://bl.ocks.org/tomerd/1499279但这只是基于 d3.js 的代码。如果我不想弄乱我的 Angular 应用程序，我应该将它集成到 NVD3 中。不幸的是，我不知道该怎么做。
有人有在 NVD3 或替代解决方案中工作的仪表图吗？

我正在使用 angular-nvd3 指令制作自定义折线图，以显示特定时段时间范围内的客人计数，如下所示：

1. 当前时间 - 2 --> 当前时间：将显示为直线
2. 当前时间-->当前时间+2：将显示为虚线。

这是我的实现代码，只有直线：

这是这个的plunker：http ://plnkr.co/edit/lBKFld?p=preview

任何人都可以提供一些帮助，我将不胜感激。

谢谢

我是Restangular使用angular-nvd3图表 api 的新手。

我有RestService它以以下格式返回 Json 响应。

3 不同的线将绘制在单个图表上。

键 - 名称，如 A、B、C 值 - 毫秒、订单/秒

x 轴 - Date（从毫秒转换）

y轴 -orders/sec

JSON

使用的数据结构 -List<String , List<List<Long>>>

我正在使用下面绘制图表

脚本代码

HTML

我面临的问题

1.) 上面的代码运行良好，没有脚本错误，什么都没有。图表正在显示。

2.) Y 轴绘制不正确，值以小数形式出现，但响应如图所示 return Long values。

3.) y 轴显示负图

4.) x 轴不是以连续方式绘制的，即 17:13 -> 17:16.....，如何显示 17:14、17:15 等。

我正在使用 Angular-NVD3 库来显示一些折线图，我已经看到我可以在数据中将“区域”属性设置为“真”，这样图形的区域就会被着色。

活生生的例子

但我找不到如何更改该区域的颜色。默认情况下，图表将该区域着色为线条颜色的较浅色调，但我需要它为浅灰色。

API ($scope.options) 是否允许这样的选项？有没有办法“破解”它？

是否有任何 angularjs 库可以绘制带有堆积条+线的图表？像这样：

我正在寻找任何支持这个的库，带有角度指令。我找到了支持多图表（组合图表类型）的 angular-nvd3-directives，但我认为它不支持条形堆叠，仅支持分组。

我知道这些问题不太适合 SO，我正在寻找 ANY、ONE、lib，而不是建议。（也必须免费用于商业用途）

我正在寻找设置 nvd3 图表 x 域以在实时折线图中表示给定时间段的最佳方法 - 例如上一小时。换句话说 - 我每秒添加新数据（y 是数值，x 是时间戳），我希望 x 轴显示最后一小时的时间。目前我在每次数据更新时更新 forceX - 它有效，但似乎非常无效。

有没有更好的办法？

我目前正在使用 Angular Directive (angular-nvd3) 处理 NVD3。我有一个非常简单的折线图，其中包含非常简单的数据。

一开始一切正常。但是，如果您决定关闭（禁用）一组数据，则会出现错误：

我用 plunker 复制了这个问题： http ://plnkr.co/edit/e4D619?p=preview

禁用任何设置以在控制台中查看错误。调整窗口大小并禁用/启用设置以再次查看错误。关闭 useInteractiveGuideline 以消除错误。

不过，我不知道这是否是 nvd3 或 d3 或数据集的错误。任何建议表示赞赏。

我目前正在使用 Angular Directive (angular-nvd3) 处理 NVD3。我有一个非常简单的折线图，其中包含非常简单的数据。

我现在遇到的问题是我的数据与轴对齐错误。此处提供示例 plunker：http://plnkr.co/edit/jWEYt6?p= preview，

我在我的 xAxis 上使用日期，这些日期是使用 d3 库解析的：

描述：

我希望 xAxis 标签与网格相对应。

在示例中，您可以清楚地注意到 xAxis 没有均匀划分（值：06/11、08/11、11/11、13/11）。所以通常是 2 天，有时是 3 天 :)

更糟糕的是 - 峰值与网格不匹配。示例：06/11 刻度线实际上甚至不靠近我猜它应该在的网格线。

我也在master'srepo 的代码上试过这个，它也发生在那里。HTML head 部分中有一个链接。

我的数据、正确的日期格式或其他问题是否存在问题？谢谢！

我正在使用Angular-nvD3。我有一个简单的图表，如下所示：

HTML：

JS：

我的数据对象只是一个简单的具有key和y属性的对象数组。在某些 DOM 事件中，我从服务器更新数据并更改数据对象。当我这样做时，我的图表会调整大小。

为什么会发生这种情况，我该如何预防？

更新：