问题标签 [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 回答
1067 浏览

angularjs - 轴标签样式 - Angular NVD3 - 折线图

用法 - Angular NVD3 LineChart

我得到了milliseconds,将它们转换为('%H:%M')格式以显示在 x 轴上。

以上工作正常,并以 format 显示数据10:30

我需要格式化它的样式,10:用不同的颜色和30不同的方式。

我在Javascript下面写了,

但是上面是在里面渲染的<Text> tag,所以不会渲染html。

我怎样才能做到这一点。这是plunker

这是格式化后生成的html,

格式化前

0 投票
1 回答
129 浏览

d3.js - 如何在 d3.js 水平条形图上有明确的边界

我正在使用 NVD3 和 D3 创建一些简单的视觉效果,其中之一是水平条形图。选项包括:

输出如下:

默认输出

然而,项目风格的警察不喜欢图表的范围看起来是无限的,他们希望它看起来像这样:

期望的输出

这可能吗?

谢谢

0 投票
1 回答
135 浏览

angularjs - ios设备中的角度nvd3显示问题未显示在ios模拟器上

在 ionic 的 ios 模拟器中,我可以使用正在绘制的 angular-nvd3 指令看到各种stackedAreaCharts。我只在模拟器中收到以下错误,但在本地主机上使用 ionic serve 运行应用程序时没有。

错误:未定义不是对象(评估'options.chart.type')updateWithOptions@ https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js:1 :3415 刷新@ https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js:1:2966 https://cdnjs.cloudflare.com/ajax/libs /angular-nvd3/1.0.5/angular-nvd3.min.js:1:6809 https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js: 1:7896 $digest@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent- Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:24515:31 $apply@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D /data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:24783:31 done@file:///Users /griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic /js/ionic.bundle.js:19196:53 completeRequest@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19368:15 requestLoaded@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle /Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:19309:24///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19309:24///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19309:24

再一次,图形在模拟器和 localhost 中绘制良好,但不显示,我很确定导致代码停止在 iPad 或任何其他 ios 设备中运行。

0 投票
1 回答
355 浏览

angularjs - ngTrueValue/ngFalseValue 角度指令

我正在关注一个角度教程,我正在向自己介绍复选框中的 ngTrueValue/ngFalseValue 角度指令。

当我像这样编码时:

角 说:

我怎么知道 Angular 想告诉我什么?像上面这样的角度错误消息上的错误消息写在哪里?
问题的工具包是上面的例子不起作用
问候

0 投票
1 回答
562 浏览

javascript - 使用 JSON 和 Angular NVD3

我的 HTML 代码:

在这里,我keyJSON文件中检索字段()并将其显示在选项中。无论我从选择的下拉部分中选择哪个选项,我都会通过 nvd3 指令数据选项(data="drawData(data.repeatSelect1)")将该选项发送到我的角度脚本 js 文件。

这是我的角度脚本代码:

这是 my_json_file.json

代码工作正常,没有任何错误。

例如:如果我在下拉列表中选择“Serial”字段,它会被正确选择并显示在 angularjs 脚本文件中(使用 console.log(tobeselected);),但我的 d3.nest 选项无法正常工作。

如果我像平常一样给予

d3.nest() .key(function(d){return d.Serial;} .rollup(function(v){return v.length;})

我得到了正确的图表。请帮我解决这个问题。

0 投票
1 回答
1982 浏览

angularjs - 使用角度 NVD3 创建 x 轴标签

我想在下面的 nvd3 折线图中为我的 x 轴创建诸如“星期一、星期二、星期三”等字符串。在下面的代码中,如何使 x 轴具有字符串/标签而不是数字:

我正在使用这个库:https ://github.com/krispo/angular-nvd3

0 投票
0 回答
58 浏览

angularjs - 角度 nvd3 绘图线几乎不可见

我正在使用带有角度指令的 nvd3 来绘制一些数据。它曾经工作得很好,但是现在我注意到情节消失了,或者说减少到一条非常细的线。数据进来了,图正在显示,但几乎看不到。我怎样才能让它恢复正常?

这是它在 html 中的样子:

以下是 javascript 中的选项:

如果它们是问题,这里还有我所有的 javascript 依赖项:

谢谢

0 投票
2 回答
542 浏览

javascript - 删除 nvd3 中刻度之间的空间

在使用 xAxis 上的 datetype 时,按照问题NVD3 Line chart tics wronglyaligned to grid

简而言之:

我现在遇到的问题是我的数据与轴对齐错误

问题

当我一天(或更长时间)没有数据时,图表“保存”了丢失的一天的位置。我想避免它。

在此处输入图像描述

我知道我可以用0s 添加缺失的一天的数据,但我的问题是我是否可以在没有它的情况下做到这一点。

http://plnkr.co/edit/42uzlu4AjnHJpI7o41l3?p=preview

0 投票
1 回答
100 浏览

angularjs - 通过 AJAX 从 MySQL 读取数据,作为 NVD3-Angular 控制器中的数据对象发送

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

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

在控制器中:

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

感谢您的任何指导。

0 投票
1 回答
100 浏览

angularjs-nvd3-directives - 如何阻止 nvd3 角度指令舍入值?

nvd3-angular-directives 饼图在显示百分比时会四舍五入。有没有办法用小数位精确显示?我有 99.71% 和 0.29% 的值,它们四舍五入为 100% 和 0%。

我尝试使用如下函数返回格式,但它不起作用