- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在使用 nvd3.js 库使用 jQuery $.getJSON
函数或 从 Web 服务获取数据来制作
函数。我正在从网络服务获取数据,但无法将数据放入图表中。我尝试过使用静态数据,这有效,但是当使用 stackedAreaChart
时确实遇到了一些问题d3.json$.getJSON
或 d3.json
时,问题就开始了。
我做错了什么?您有更好的方法吗?有没有更好的框架来制作图形(以显示数据趋势)?找不到这方面的任何好的资源,所以感谢您的帮助! :)
<script>
var chart;
var data = [{
"key": "HTTP 200",
"values": getData()
}];
setupGraph();
function setupGraph() {
nv.addGraph(function() {
chart = nv.models.stackedAreaChart()
.x(function(d) { return d[0] })
.y(function(d) { return d[1]/100 })
.color(d3.scale.category10().range())
.clipEdge(false);
chart.xAxis
.tickFormat(function(d) {
return d3.time.format('%H:%M')(new Date(d))
});
chart.yAxis
.tickFormat(d3.format(',1f'));
d3.select('#chart1 svg')
.datum(data)
.transition().duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
}
function getData(){
var arr = [];
d3.json('http://localhost:8080/api', function(inndata){
for(var i in inndata){
var dataarr = new Array();
dataarr[0] = new Date(inndata[i].date);
dataarr[1] = inndata[i].count;
arr.push(dataarr);
//arr.push({x: new Date(inndata[i].date), y: inndata[i].count});
}
return arr;
}
</script>
The json string lookis like this:
[{"date": "2013-01-07 09:01", "count": 2}, {"date": "2013-01-07 05:02", "count": 2}, }]
最佳答案
Javascript 是异步的 - 因此您必须在 d3.json 方法的回调中提供 setupGraph()。所以做这样的事情:
var arr = [];
d3.json('http://localhost:8080/api', function(inndata){
for(var i in inndata){
var dataarr = new Array();
dataarr[0] = new Date(inndata[i].date);
dataarr[1] = inndata[i].count;
arr.push(dataarr);
//arr.push({x: new Date(inndata[i].date), y: inndata[i].count});
}
var data = [{
"key": "HTTP 200",
"values": arr
}];
setupGraph(data) // Pass through data to setupGraph
}
关于jquery - nvd3.js不会从jquery获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15305479/
[INFO] [INFO] --- dependency-check-maven:4.0.2:check (default) @ realtimePaymachine --- [INFO] Centr
我开始从 NVD XML 提要转向 JSON 提要(因为从 2019 年 10 月起不再支持 XML)。现在我很难理解这些标签及其使用目的。 例如: “配置”中的“运算符(operator)”标签有什
我的 IT 产品已定义 CPE,例如:cpe:/o:microsoft:windows_vista:6.0:sp1:~-~home_premium~-~x64~- 我正在使用 NVD 数据源来获取所有
我们正在使用 jQuery,我在国家漏洞数据库中发现了以下 jQuery 漏洞: http://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2007-23
我正在尝试下载 NVD CVE。这是我的Python代码: import requests import re r = requests.get('https://nvd.nist.gov/vuln/
目前我正在使用 Angular-nvd3 图形来显示数据。但是,堆叠面积图 nvd3 图形类型正在切断数字和轴标签。模板图可查看here 。 y 轴数字和标签是主要关注点。下面是图形选项代码和问题的图
我们在项目中遇到以下错误,该URL何时返回? > Task :dependencyCheckAnalyze Verifying dependencies for project cckm-app
我在gitlab管道中使用gradle:5.6.2-jdk8 docker镜像。 gradle clean build 上面的命令因错误而失败: 无法下载元文件:https://nvd.nist.go
我是一名优秀的程序员,十分优秀!