问题标签 [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.
javascript - 使用角度 nvd3js 指令绘制带有实线和虚线的折线图?
我正在使用 angular-nvd3 指令制作自定义折线图,以显示特定时段时间范围内的客人计数,如下所示:
- 当前时间 - 2 --> 当前时间:将显示为直线
- 当前时间-->当前时间+2:将显示为虚线。
这是我的实现代码,只有直线:
这是这个的plunker:http ://plnkr.co/edit/lBKFld?p=preview
任何人都可以提供一些帮助,我将不胜感激。
谢谢
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。
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 轴上显示每分钟的值
javascript - 角度自定义指令问题
我创建了一个自定义指令,它有一个图表和另一个 div。鼠标悬停在我的图表上时,我需要隐藏显示该 div。
在鼠标悬停时,我更改了 showpreview 的值。但 div extraDetails 不会隐藏或显示。将不胜感激任何投入。
angularjs - 属性值中的表达式未评估AngularJS
以上是我试图实现的代码
1)根据传递的集合迭代生成小部件标签。2) 使用widgettype 属性值来确定所需的模板。
但是上面没有在下一行获取 widgettype 的值
return '/Views/Widget/' + attr.widgettype + '.html';
我已经尝试过使用 nr-attr-widgettype 但这也不起作用。
angularjs - 如何在角度 nvd3 中隐藏 y 轴并从 x 轴移除刻度
我正在使用 angular nvd3 中的现有示例并尝试隐藏 y 轴并从 x 轴中删除刻度。所以,我浏览了文档并添加了 showYAxis="false" 并添加了刻度:x 轴中的 null目的。但是,我无法隐藏 y 轴以及从 x 轴上删除刻度。请找到下面的链接,让我知道我的错误。对于 y 轴:
用于隐藏 x 轴刻度
angularjs - 角度 nvd3 持续时间不影响饼图
我想在选择/取消选择项目时使过渡/动画效果更长,我正在尝试将 nvd3 饼图的持续时间参数设置为 10 秒(或 10000 毫秒)之类的长,但它对饼图没有影响,
我尝试更改持续时间值,还尝试添加 transitionDuration 属性,
您可以看到以下示例:http ://plnkr.co/edit/vtKWU0?p=preview
angularjs - 无法从 nvd3-angularjs 中的控制器访问 $scope.api
我正在尝试在 Angular-JS 中使用 NVD3 箱形图。我希望在控制器中更改数据时更新图表。
要更新图表,我需要使用以下行
但是,在我的控制器中,我无法访问$scope.api
但是,如果我遵循Plunker-Example或问题中给出的 App 和控制器定义方法,它可以完美运行。
我想问题出在我定义应用程序和控制器的方式上。
我希望用下面的方法让它工作。你能帮我在这里吗
HTML-DIV
应用程序定义
})();
控制器定义