Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 数据d3存储在哪里_Javascript_D3.js_Layout_Position - Fatal编程技术网

Javascript 数据d3存储在哪里

Javascript 数据d3存储在哪里,javascript,d3.js,layout,position,Javascript,D3.js,Layout,Position,我试图读取一个平面文件,用这个平面文档创建一个层次结构,创建一个可缩放的圆。 我的问题是我无法读取圆的位置(变量的值x和y)。我发现了以下代码:当函数(d)id调用变量节点的attr时,x和y的位置直接在“d”中 这是我的密码: var e_rfndmeclientid=2243778; 变量e_rfndmechanelid='30554'; var e_rfndmecustomwidgettile='Security Utility'; 变量e_rfndmecustomatalink=''

我试图读取一个平面文件,用这个平面文档创建一个层次结构,创建一个可缩放的圆。 我的问题是我无法读取圆的位置(变量的值x和y)。我发现了以下代码:当函数(d)id调用变量节点的attr时,x和y的位置直接在“d”中

这是我的密码:


var e_rfndmeclientid=2243778;
变量e_rfndmechanelid='30554';
var e_rfndmecustomwidgettile='Security Utility';
变量e_rfndmecustomatalink='';
变量e_rfndmesubid='CCC13';
变量e_rfndmegeo='de';
var e_rfndmeclientcreatetime=1425638065;
变量e_rfndmeextid='';
可缩放树映射模板
.节点{
光标:指针;
}
.节点:悬停{
行程:#000;
笔划宽度:1.5px;
}
.node—叶{
填充物:白色;
}
.标签{
字体:11px“Helvetica Neue”,Helvetica,Arial,无衬线;
文本锚定:中间;
文本阴影:01px0#fff,1px0#fff,-1px0#fff,0-1px0#fff;
}
.标签,
.node—根,
.node—叶{
指针事件:无;
} 
var保证金=20,
直径=960;
var color=d3.scale.linear()
.domain([-1,5])
.范围([“hsl(152,80%,80%),“hsl(228,30%,40%)”)
.插值(d3.插值EHCL);
var svgZC=d3.select(“body”).append(“svg”)
.attr(“宽度”,直径)
.attr(“高度”,直径)
.附加(“g”)
.attr(“转换”、“平移”(“+diameter/2+”,“+diameter/2+”));
var默认值={
边距:{顶部:24,右侧:0,底部:0,左侧:0},
根名称:“顶端”,
格式:“,d”,
标题:“,
宽度:960,
身高:500
};
var pack=d3.layout.pack()
.填充(2)
.size([diameter-margin.top,diameter-margin.bottom])
.value(函数(d){返回d.size;})
.children(函数(d,depth){return depth?null:d.\u children;})
.sort(函数(a,b){返回a.value-b.value;});
主功能(o、数据){
变种根,
opts=$.extend(true,{},默认值,o),
formatNumber=d3.format(opts.format),
rname=opts.rootname,
保证金=选择保证金,
光=36+16;
$(“#图表”)。宽度(选择宽度)。高度(选择高度);
变量宽度=opts.width-margin.left-margin.right,
高度=opts.height-margin.top-margin.bottom-theight,
过渡;
if(数组的数据实例){
root={key:rname,value:data};
}否则{
根=数据;
} 
初始化(根);
积累(根);
布局(根);
函数初始化(根){
根。x=根。y=高度/2;
根深度=0;
}
函数累加(d){
返回值(d._子项=d.values)
d.value=d.values.reduce(函数(p,v){返回p+累加(v);},0)
:d.价值;
}
功能布局(d){
如果(d.(儿童){
d、 _children.forEach(函数(c){
c、 x=d.x;
c、 y=d.y;
c、 父代=d;
布局图(c);
});
}
}
}
if(window.location.hash==“”){
d3.csv(“age.csv”,函数(err,res){
如果(!err){
var data=d3.nest().key(函数(d){return d.age;}).key(函数(d){return d.year;}).entries(res);
main({title:“title”},{key:“World”,value:data});
ZC(错误、数据);
}
});
}
//---------------------------可缩放圆-------------------------------------------------------
函数ZC(错误,根)
{
如果(错误)抛出错误;
console.log(root);
var focus=root,
节点=包.节点(根),
看法
var circle=svgZC。选择全部(“圆”)
.数据(节点)
.enter().append(“圆”)
.attr(“类”,函数(d){返回d.parent?d.children?”节点“:“节点-节点-叶”:“节点-节点-根”;})
.style(“fill”,函数(d){返回d.children?颜色(d.depth):null;})
.on(“单击”,函数(d){if(focus!==d)zoom(d),d3.event.stopPropagation();});
var text=svgZC.selectAll(“文本”)
.数据(节点)
.enter().append(“文本”)
.attr(“类别”、“标签”)
.style(“填充不透明度”,函数(d){return d.parent==root?1:0;})
.style(“display”,函数(d){return d.parent==root?“inline”:“none”})
.text(函数(d){返回d.name;});
var node=svgZC.selectAll(“圆圈,文本”);
d3.选择(“主体”)
.样式(“背景”,颜色(-1))
.on(“单击”,函数(){zoom(root);});
zoomTo([470470470470*2+40]);
功能缩放(d){
var focus0=焦点;焦点=d;
var transition=d3.transition()
.持续时间(d3.event.altKey?7500:750)
.tween(“缩放”,功能(d){
var i=d3.interpolateZoom(视图,[focus.x,focus.y,focus.r*2+边距];
返回函数(t){zoomTo(i(t));};
});
转换。选择全部(“文本”)
.filter(函数(d){return d.parent==focus | | this.style.display===“inline”})
.style(“填充不透明度”,函数(d){return d.parent==focus?1:0;})
.each(“开始”,函数(d){if(d.parent==focus)this.style.display=“inline”})
.each(“end”,函数(d){if(d.parent!==focus)this.style.display=“none”;});
}
函数zoomTo(v){
变量k=直径/v[2];视图=v;
attr(“transform”,函数(d){return”translate(“+(d.x-v[0])*k+”,“+(d.y-v[1])*k+”););
圆。属性(“r”,100);
}
};

最后,我编写了一个文件,其中包含分层数据。。。。 也许有更好的办法,但这是一个解决办法:

d3.json(“JSONfile.json”),函数(error,res){
var dataArray=d3.nest().key(函数(d){return d.region;}).key(函数(d){return d.subsection;}).entries(res);
var dataHierarchy=“{\“name\”:\“flare\”,\“children\”:[”;
函数wr(data)//编写一个平面文件,类似于包含父/子文件的文件
{
var i;
对于(i=0;i