问题标签 [angularjs-nvd3-directives]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1289 浏览

javascript - 使用角度 nvd3js 指令绘制带有实线和虚线的折线图?

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

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

这是我的实现代码,只有直线:

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

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

谢谢

0 投票
1 回答
1265 浏览

javascript - 如何在 Angular nvd3 折线图上添加工具提示

我正在使用以下图表:https ://cmaurer.github.io/angularjs-nvd3-directives/line.with.focus.chart.html

我希望能够将鼠标悬停在图表点上并查看该点的 x/y 轴值。我注意到我可以将 toptip 添加到图表中。我尝试了以下操作,但当我将鼠标悬停在图表上的一个点上时,没有任何显示。

那是为了做我想做的事而使用的写功能吗?如果是的话 - 我错过了什么吗?我还尝试toolTipContentFunction通过将鼠标悬停在图表上来在函数内部打断点,但它并没有停止。不知道这个工具提示应该做什么。

我正在使用 Chrome 版本 46.0.2490.80 m。

0 投票
1 回答
159 浏览

angularjs - nvd3 x轴日期格式使用mongodb ISOdate

我在我的应用程序中使用 Angularjs-nvd3-directives 图表。来自 mongodb 的数据格式如下:

[["2012-11-02T20:01:00.000Z",11],["2012-11-02T20:01:00.000Z",12],["2012-11-03T20:02:00.000Z",13 ],["2012-11-01T20:03:00.000Z",11],["2012-11-02T20:04:00.000Z",12],["2012-11-03T20:05:00.000Z", 13]]

我看到的所有示例都使用 Unix 时间戳,例如:

[ [ 1025409600000 , 0] , [ 1028088000000 , -6.3382185140371] , [ 1030766400000 , -5.9507873460847]]

使用 Unix 时间戳时适用于 X 轴日期的函数是:

我应该写什么函数才能使用iso日期。我想在 X 轴上显示每分钟的值

0 投票
2 回答
1892 浏览

angularjs - 堆积条形图+折线图角度库

是否有任何 angularjs 库可以绘制带有堆积条+线的图表?像这样: 在此处输入图像描述

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

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

0 投票
0 回答
58 浏览

javascript - 角度自定义指令问题

我创建了一个自定义指令,它有一个图表和另一个 div。鼠标悬停在我的图表上时,我需要隐藏显示该 div。

在鼠标悬停时,我更改了 showpreview 的值。但 div extraDetails 不会隐藏或显示。将不胜感激任何投入。

0 投票
0 回答
456 浏览

angularjs - 属性值中的表达式未评估AngularJS

以上是我试图实现的代码

1)根据传递的集合迭代生成小部件标签。2) 使用widgettype 属性值来确定所需的模板。

但是上面没有在下一行获取 widgettype 的值

return '/Views/Widget/' + attr.widgettype + '.html';

我已经尝试过使用 nr-attr-widgettype 但这也不起作用。

0 投票
2 回答
5120 浏览

angularjs - 如何在角度 nvd3 中隐藏 y 轴并从 x 轴移除刻度

我正在使用 angular nvd3 中的现有示例并尝试隐藏 y 轴并从 x 轴中删除刻度。所以,我浏览了文档并添加了 showYAxis="false" 并添加了刻度:x 轴中的 null目的。但是,我无法隐藏 y 轴以及从 x 轴上删除刻度。请找到下面的链接,让我知道我的错误。对于 y 轴:

用于隐藏 x 轴刻度

http://plnkr.co/edit/6t5bky?p=preview

0 投票
1 回答
1194 浏览

angularjs - 向 angular-nvD3 饼图添加渐变颜色

我正在使用以下示例在我的应用程序中使用饼图:

http://krispo.github.io/angular-nvd3/#/pieChart

如何将颜色更改为渐变,例如以下内容:

在此处输入图像描述

0 投票
1 回答
371 浏览

angularjs - 角度 nvd3 持续时间不影响饼图

我想在选择/取消选择项目时使过渡/动画效果更长,我正在尝试将 nvd3 饼图的持续时间参数设置为 10 秒(或 10000 毫秒)之类的长,但它对饼图没有影响,

我尝试更改持续时间值,还尝试添加 transitionDuration 属性,

您可以看到以下示例:http ://plnkr.co/edit/vtKWU0?p=preview

0 投票
0 回答
734 浏览

angularjs - 无法从 nvd3-angularjs 中的控制器访问 $scope.api

我正在尝试在 Angular-JS 中使用 NVD3 箱形图。我希望在控制器中更改数据时更新图表。

要更新图表,我需要使用以下行

但是,在我的控制器中,我无法访问$scope.api

但是,如果我遵循Plunker-Example问题中给出的 App 和控制器定义方法,它可以完美运行。

我想问题出在我定义应用程序和控制器的方式上。

我希望用下面的方法让它工作。你能帮我在这里吗

HTML-DIV

应用程序定义

})();

控制器定义