Я делаю визуальное представление базы данных SQL и используя CodeFlower Франсуа Занинотто (который работает от D3.js), чтобы сделать это.Как получить информацию о родителях от ребенка?
Мой вопрос: как мне получить доступ к переменной имени родителя щелкнутого узла? Я понимаю, что этот вопрос похож на How to get data of parent node in d3.js, но их ответ казался неясным для моих целей. Я относительно новичок в D3, так что, возможно, поэтому.
Моего формат JSON код:
{"name":"CRS_LOG_LEVEL","children":[{"name":"CRS_LOG","children":[{"name":"LOG_DESC","size":7,"type":"column"},{"name":"LOG_ID","size":7,"type":"column"},{"name":"LOG_TMSTMP","size":7,"type":"column"},{"name":"LOG_LEVEL_NBR","size":7,"type":"column"},{"name":"LOG_EVENT_CD","size":7,"type":"column"}],"size":100,"type":"table"}],"size":100,"type":"root"}
Моей мышь слушатель события:
CodeFlower.prototype.click = function(d) {
// Toggle children on click.
if (d.children) { //This makes the node that has children collapse and grow in size.
d._children = d.children;
d.children = null;
} else {
var schemaName;
var tableName;
var columnName;
if(d.type==="column") //only check the parent information if type===column
{
columnName = d.name;
//tableName = Parent's name
//schemaName = Parent's Parent's name
}
d.children = d._children;
d._children = null;
}
this.update();
};
^Приведенный выше код моя слегка модифицированная версия CodeFlower.js Франсуа на Проект GitHub, на который я ссылался в начале этого вопроса.
Спасибо! Он работает отлично. Я просто должен был изменить функцию «recurse», чтобы после вызова функции «var Parent = node;» после вызова функции recurse и «v.parent = Parent;» после вызова функции reduce. – murk003