首页 > 代码库 > 符号生成器
符号生成器
符号生成器→d3.symbol，它构造出的函数用于生成一系列符号路径字符串(path标签的d属性值)。
数据格式
一个数组即可，因为它们的形状都是固定的，数组的值其实都是没用的，用的只是数组的长度，生成那么多个符号。
var data = d3.range(300)
表示要生成300个符号。
构造器
最简的形式就是
var symbol = d3.symbol();
但是通常我们还想控制它绘出的什么形状，以及形状的大小。d3提供了circle, cross, diamond, square, star, triangle和 wye等7中形状，它们是d3.symbols数组的元素。
因此我们可以构建出如下的构造器：
var symbol = d3.symbol().type(function () {return d3.symbols[~~(Math.random()*d3.symbols.length)];}).size(function (d, i) {return ~~(Math.random()*i);})
上面的构造器，我们定义的type为随机的，在这7个形状中来选择一个，大小也是随机的。然后我们就可以用这个构造器来绘制，这300个图形了：
d3.select("svg").selectAll("path").data(data).enter().append("path").attr("transform",function (d) {return "translate("+Math.random() * 600+100+","+Math.random() * 400+100+")";}).attr("d",symbol).attr("stroke",function(d,i){return color(i);}).attr("stroke-width",2).attr("fill","none");
例子请移步这里
符号生成器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。