问题标签 [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.
angularjs - 轴标签样式 - Angular NVD3 - 折线图
用法 - Angular NVD3 LineChart
我得到了milliseconds
,将它们转换为('%H:%M')
格式以显示在 x 轴上。
以上工作正常,并以 format 显示数据10:30
。
我需要格式化它的样式,10:
用不同的颜色和30
不同的方式。
我在Javascript下面写了,
但是上面是在里面渲染的<Text> tag
,所以不会渲染html。
我怎样才能做到这一点。这是plunker
这是格式化后生成的html,
格式化前
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 设备中运行。
angularjs - ngTrueValue/ngFalseValue 角度指令
我正在关注一个角度教程,我正在向自己介绍复选框中的 ngTrueValue/ngFalseValue 角度指令。
当我像这样编码时:
角 说:
我怎么知道 Angular 想告诉我什么?像上面这样的角度错误消息上的错误消息写在哪里?
问题的工具包是上面的例子不起作用
问候
javascript - 使用 JSON 和 Angular NVD3
我的 HTML 代码:
在这里,我key
从JSON
文件中检索字段()并将其显示在选项中。无论我从选择的下拉部分中选择哪个选项,我都会通过 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;})
我得到了正确的图表。请帮我解决这个问题。
angularjs - 使用角度 NVD3 创建 x 轴标签
我想在下面的 nvd3 折线图中为我的 x 轴创建诸如“星期一、星期二、星期三”等字符串。在下面的代码中,如何使 x 轴具有字符串/标签而不是数字:
angularjs - 角度 nvd3 绘图线几乎不可见
我正在使用带有角度指令的 nvd3 来绘制一些数据。它曾经工作得很好,但是现在我注意到情节消失了,或者说减少到一条非常细的线。数据进来了,图正在显示,但几乎看不到。我怎样才能让它恢复正常?
这是它在 html 中的样子:
以下是 javascript 中的选项:
如果它们是问题,这里还有我所有的 javascript 依赖项:
谢谢
javascript - 删除 nvd3 中刻度之间的空间
在使用 xAxis 上的 datetype 时,按照问题NVD3 Line chart tics wronglyaligned to grid:
简而言之:
我现在遇到的问题是我的数据与轴对齐错误
问题
当我一天(或更长时间)没有数据时,图表“保存”了丢失的一天的位置。我想避免它。
我知道我可以用0
s 添加缺失的一天的数据,但我的问题是我是否可以在没有它的情况下做到这一点。
angularjs - 通过 AJAX 从 MySQL 读取数据,作为 NVD3-Angular 控制器中的数据对象发送
我发现图书馆nvD3-Angular看起来非常好和友好。我用它来绘制静态数据,但我希望能够读取存储在我的数据库中的数据。有没有办法通过 AJAX 使用 JQuery 使用提到的数据设置数据变量?我知道一定有办法获取这些数据,但是我还没有找到它。
我的代码如下:在我的html中:
在控制器中:
作为额外信息:服务器端使用 Php Laravel 5.1 编码,使用 mysql 作为数据库。
感谢您的任何指导。
angularjs-nvd3-directives - 如何阻止 nvd3 角度指令舍入值?
nvd3-angular-directives 饼图在显示百分比时会四舍五入。有没有办法用小数位精确显示?我有 99.71% 和 0.29% 的值,它们四舍五入为 100% 和 0%。
我尝试使用如下函数返回格式,但它不起作用