d3
文章平均质量分 51
Kotomi_5555
这个作者很懒,什么都没留下…
展开
-
d3.partitioin知识整理
# partition.nodes(root)运行分区布局,将返回指定根节点 root 的相关联的节点阵列数组。分区布局是D3家族(hierarchical layouts)中的一部分。这些布局将遵循相同的基本结构:传递给布局的输入参数值是层次结构的根节点,并且输出返回值将是一个代表所有节点经过计算的位置的数组。每个节点上将拥有以下几个属性:parent - 父节点,或空的根节点。原创 2016-11-27 11:20:44 · 361 阅读 · 0 评论 -
有趣图表值——chart wheel
在分析业务需求的同时,通常情况下,必须清除几个最适合这种情况的图表。每次重复评估所有图表是乏味的,所以我们准备了一个索引,用同心比较图表示,昵称为图表轮。http://anilomanwar.github.io/d3jsExperiments/ChartWheel.html不过该图表有两个改进,1、右下方的图表是对于的,可以直接通过中间的主题体现。2、右上方的图表,原创 2017-04-13 09:38:38 · 783 阅读 · 0 评论 -
关于配色的API
关于配色的APIhttps://github.com/d3/d3-scale-chromatic#schemeAccent原创 2017-03-27 12:14:04 · 514 阅读 · 0 评论 -
d3_v4 shape系列之Arc\Pie\Symbol
hello var canvas =document.querySelector("canvas"),//querySelector() 方法仅仅返回匹配指定选择器的第一个元素 context=canvas.getContext("2d"); var width=canvas.width, height=canvas.height,原创 2017-04-04 21:51:39 · 751 阅读 · 0 评论 -
有意思的d3_group(2)
笑话:问:如何黑掉一个网站?答:F12打开控制台,输入document.body.style.backgroundColor ='#000'.问:我这个图坐标字不显示是为啥啊?答:我这个图坐标字不显示是为啥啊如何理解弦图?加计时器后this指向window能不能让他指向构造函数 setTimeout(this.deline.原创 2017-04-11 20:26:11 · 563 阅读 · 0 评论 -
svg 画箭头
引入:有下面的知识整理,是因为今天看了群里面的一个问题:给力引导图增加一个箭头,但是在IE中不支持。为了解决这个问题,需要自己话三角形箭头,然后移到自己想要移的位置。具体要考虑的数理问题是:如何计算偏移量:绕某个点的旋转度----cosABC=向量AB向量BC/|AB|*|BC|注意点:E 不是不支持箭头,是不支持defs 与marker-endMethod Draw –原创 2017-04-07 15:35:45 · 6093 阅读 · 0 评论 -
d3 数据转换
需求:将如下csv格式的数据转化成hierachy结构的node和linkname,parent,value陈洁琼,钱俊,陈洁琼,0.398刘畅,陈洁琼,0.872杨柳,陈洁琼,0.457朱小丽,陈洁琼,0.784李萍,陈洁琼,0.734吕合金,陈洁琼,0.548周欣欣,陈洁琼,0.632谭超,陈洁琼,0.324李时俊,陈洁琼,0.376刘阔,陈洁琼,0.876莊.婧,陈洁琼,0.654顾子生原创 2017-02-27 11:24:44 · 1406 阅读 · 0 评论 -
d3 齿轮的代码理解
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 960px; height: 500px; position: relative;}form { position: absolute; top: 1em; left: 1em;}path { fill-r原创 2017-01-06 23:00:51 · 460 阅读 · 0 评论 -
多样foci力布局(Multi-Foci Force Layout)
http://bl.ocks.org/mbostock/1021841// 把节点聚集在四个区块 var k = 6 * e.alpha; nodes.forEach(function(o, i) { o.y += i & 1 ? k : -k; o.x += i & 2 ? k : -k; }); //四个区块颜色不同.style("fill", function(d原创 2017-01-05 10:21:12 · 323 阅读 · 0 评论 -
Sticky Force Layout
node = node.data(graph.nodes) .enter().append("circle") .attr("class", "node") .attr("r", 12) .on("dblclick", dblclick) .call(drag);var drag = force.drag().on("dragstart",转载 2017-01-05 10:05:24 · 238 阅读 · 0 评论 -
js的浅拷贝,深复制
浅拷贝,拷贝的是一个数组:var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";document.writeln("数组的原始值:" + arr + "");//Export:数组的原始值:One,test,Threedocument.writeln("数组的新值:" + arrto + "");//E转载 2017-01-04 18:09:32 · 163 阅读 · 0 评论 -
树---让子节点隐藏,出现
// Toggle children on click. 让子节点隐藏,出现function click(d) { if (d3.event.defaultPrevented) return; // ignore drag if (d.children) { d._children = d.children; d.children = null; } el原创 2017-01-04 17:47:11 · 2360 阅读 · 0 评论 -
关于力导向图
今天自己写了一个力导向图,也算花了大半天时间才搞定细节东西。修改了一些bug,如下:1、只出现一个点,因为function(d){return d.target.id;})没有定义id属性,所以只出现一个。2、attr("class","node"),写错:attr("attr",".node")3、关于节点整理,从json里面读取的是一个对象--一个节点,要将里面每一个子节点都定义出原创 2017-01-04 17:38:52 · 2629 阅读 · 0 评论 -
js console.log机制
两个对象,显示出来的属性不一样多,但是点进去之后属性是一样的。这个怎么解释?console.log只是输出一个对象的引用,鼠标点开的时候,会去内存里取这个引用,取到的是最后的值。你两次consoel.log的是同一个变量,所以log出来的是同一个对象的引用解决: function recurse(node) { if (node.children) nod原创 2017-01-04 10:35:17 · 2338 阅读 · 0 评论 -
实现两个文件同步读取
//实现两个文件一起读取var getCsv = function (csvUrl) { var defer = $.Deferred(); d3.csv(csvUrl, function (error, rows) { if (error) { defer.reject(error); } defer.re原创 2017-04-26 12:13:51 · 788 阅读 · 0 评论