- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
嗨,我有一些来自 Jenkins 的 JSON 数据。我获取 JSON 并获取如下所示的作业对象:
{
color: "#FF4136"
name: "XXX-tomcat-accept"
url: "http://1.1.7.9:8080/job/xxx-tomcat-verify/"
}
每个作业流都有三个作业
我想做的是构建一个数据结构,它是数组的数组或数组的哈希,其中第一个元素是验证,然后接受,然后交付(与上面的列表相同的顺序)。
所以像这样
0[xxx-tomcat-verify,xxx-tomcat-accept,xxx-tomcat-delivery]
1[xxx-linux-verify,xxx-linux-accept,xxx-linux-delivery]
2
3
......
我只是无法理解在上述结构中重新组装数据的逻辑。我想做的是使用 d3 为 Jenkins 构建一个轻量级构建仪表板。以下代码构建作业并为其添加标签。只需要按照正确的顺序排列它们即可。
我的代码是
d3.json("data.json", function(error, data) {
job.forEach(function(d){
//green balls !
if (d.color === "blue") {
d.color = "#2ECC40";
} else if(d.color === "notbuilt"){
d.color = "#AAAAAA";
} else if(d.color === "aborted"){
d.color = "#0074D9";
} else if(d.color === "red"){
d.color = "#FF4136"
}
var svgContainer = d3.select("body").append("svg")
.attr("width", 460)
.attr("height", 110);
var rectangle = svgContainer.append("rect")
.attr("x", 5)
.attr("y", 5)
.attr("width", 450)
.attr("height", 100)
.attr("text", d.name)
.attr("rx", 10)
.attr("ry", 10)
.attr("xlink:href", d.url)
.attr("fill", d.color);
var text = svgContainer.selectAll("text")
.data(rectangle)
.enter()
.append("text");
var textLabels = text
.attr("x", 20)
.attr("y", 60)
.text(d.name)
.attr("font-family", "Avro")
.attr("font-size", "30px")
.attr("fill", "#2f2f2f");
});
});
最佳答案
您可以使用 d3.nest()。
https://jsfiddle.net/ermineia/jz293y70/1/
var jobs = [{
color: "#FF4136",
name: "XXX-tomcat-verify",
url: "http://1.1.7.9:8080/job/xxx-tomcat-verify/"
},
{
color: "#FF4136",
name: "XXX-tomcat-accept",
url: "http://1.1.7.9:8080/job/xxx-tomcat-accept/"
},
{
color: "#FF4136",
name: "XXX-tomcat-delivery",
url: "http://1.1.7.9:8080/job/xxx-tomcat-delivery/"
},
{
color: "#FF4136",
name: "XXX-linux-verify",
url: "http://1.1.7.9:8080/job/xxx-tomcat-verify/"
},
{
color: "#FF4136",
name: "XXX-linux-accept",
url: "http://1.1.7.9:8080/job/xxx-tomcat-accept/"
},
{
color: "#FF4136",
name: "XXX-linux-delivery",
url: "http://1.1.7.9:8080/job/xxx-tomcat-delivery/"
}];
console.log( jobs );
var formatted_map = d3.nest().key( function( d ) { return d.name.substr( 0, d.name.lastIndexOf( '-' ) ); } ).map( jobs );
console.log( formatted_map );
console.log( JSON.stringify( formatted_map ))
var formatted_array = d3.nest().key( function( d ) { return d.name.substr( 0, d.name.lastIndexOf( '-' ) ); } ).entries( jobs );
console.log( formatted_array );
console.log( JSON.stringify( formatted_array ))
写出:
[Object, Object, Object, Object, Object, Object]
(index):78 Object {XXX-tomcat: Array[3], XXX-linux: Array[3]}
(index):79 {"XXX-tomcat":[{"color":"#FF4136","name":"XXX-tomcat-verify","url":"http://1.1.7.9:8080/job/xxx-tomcat-verify/"},{"color":"#FF4136","name":"XXX-tomcat-accept","url":"http://1.1.7.9:8080/job/xxx-tomcat-accept/"},{"color":"#FF4136","name":"XXX-tomcat-delivery","url":"http://1.1.7.9:8080/job/xxx-tomcat-delivery/"}],"XXX-linux":[{"color":"#FF4136","name":"XXX-linux-verify","url":"http://1.1.7.9:8080/job/xxx-tomcat-verify/"},{"color":"#FF4136","name":"XXX-linux-accept","url":"http://1.1.7.9:8080/job/xxx-tomcat-accept/"},{"color":"#FF4136","name":"XXX-linux-delivery","url":"http://1.1.7.9:8080/job/xxx-tomcat-delivery/"}]}
(index):81 [Object, Object]
(index):82 [{"key":"XXX-tomcat","values":[{"color":"#FF4136","name":"XXX-tomcat-verify","url":"http://1.1.7.9:8080/job/xxx-tomcat-verify/"},{"color":"#FF4136","name":"XXX-tomcat-accept","url":"http://1.1.7.9:8080/job/xxx-tomcat-accept/"},{"color":"#FF4136","name":"XXX-tomcat-delivery","url":"http://1.1.7.9:8080/job/xxx-tomcat-delivery/"}]},{"key":"XXX-linux","values":[{"color":"#FF4136","name":"XXX-linux-verify","url":"http://1.1.7.9:8080/job/xxx-tomcat-verify/"},{"color":"#FF4136","name":"XXX-linux-accept","url":"http://1.1.7.9:8080/job/xxx-tomcat-accept/"},{"color":"#FF4136","name":"XXX-linux-delivery","url":"http://1.1.7.9:8080/job/xxx-tomcat-delivery/"}]}]
关于json数据的Javascript数据结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34779522/
我目前正在尝试基于哈希表构建字典。逻辑是:有一个名为 HashTable 的结构,其中包含以下内容: HashFunc HashFunc; PrintFunc PrintEntry; CompareF
如果我有一个指向结构/对象的指针,并且该结构/对象包含另外两个指向其他对象的指针,并且我想删除“包含这两个指针的对象而不破坏它所持有的指针”——我该怎么做这样做吗? 指向对象 A 的指针(包含指向对象
像这样的代码 package main import "fmt" type Hello struct { ID int Raw string } type World []*Hell
我有一个采用以下格式的 CSV: Module, Topic, Sub-topic 它需要能够导入到具有以下格式的 MySQL 数据库中: CREATE TABLE `modules` ( `id
通常我使用类似的东西 copy((uint8_t*)&POD, (uint8_t*)(&POD + 1 ), back_inserter(rawData)); copy((uint8_t*)&PODV
错误 : 联合只能在具有兼容列类型的表上执行。 结构(层:字符串,skyward_number:字符串,skyward_points:字符串)<> 结构(skyward_number:字符串,层:字符
我有一个指向结构的指针数组,我正在尝试使用它们进行 while 循环。我对如何准确初始化它并不完全有信心,但我一直这样做: Entry *newEntry = malloc(sizeof(Entry)
我正在学习 C,我的问题可能很愚蠢,但我很困惑。在这样的函数中: int afunction(somevariables) { if (someconditions)
我现在正在做一项编程作业,我并没有真正完全掌握链接,因为我们还没有涉及它。但是我觉得我需要它来做我想做的事情,因为数组还不够 我创建了一个结构,如下 struct node { float coef;
给定以下代码片段: #include #include #define MAX_SIZE 15 typedef struct{ int touchdowns; int intercepti
struct contact list[3]; int checknullarray() { for(int x=0;x<10;x++) { if(strlen(con
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Empty “for” loop in Facebook ajax what does AJAX call
我刚刚在反射器中浏览了一个文件,并在结构构造函数中看到了这个: this = new Binder.SyntaxNodeOrToken(); 我以前从未见过该术语。有人能解释一下这个赋值在 C# 中的
我经常使用字符串常量,例如: DICT_KEY1 = 'DICT_KEY1' DICT_KEY2 = 'DICT_KEY2' ... 很多时候我不介意实际的文字是什么,只要它们是独一无二的并且对人类读
我是 C 的新手,我不明白为什么下面的代码不起作用: typedef struct{ uint8_t a; uint8_t* b; } test_struct; test_struct
您能否制作一个行为类似于内置类之一的结构,您可以在其中直接分配值而无需调用属性? 前任: RoundedDouble count; count = 5; 而不是使用 RoundedDouble cou
这是我的代码: #include typedef struct { const char *description; float value; int age; } swag
在创建嵌套列表时,我认为 R 具有对列表元素有用的命名结构。我有一个列表列表,并希望应用包含在任何列表中的每个向量的函数。 lapply这样做但随后剥离了列表的命名结构。我该怎么办 lapply嵌套列
我正在做一个用于学习目的的个人组织者,我从来没有使用过 XML,所以我不确定我的解决方案是否是最好的。这是我附带的 XML 文件的基本结构:
我是新来的 nosql概念,所以当我开始学习时 PouchDB ,我找到了这个转换表。我的困惑是,如何PouchDB如果可以说我有多个表,是否意味着我需要创建多个数据库?因为根据我在 pouchdb
我是一名优秀的程序员,十分优秀!