1 { 2 source:{ 3 startangle : 0.2, 4 endangle : math.pi * 0.3, 5 radius : 100 6 }, 7 target:{ 8 startangle :math.pi * 1.0, 9 endangle : math.pi * 1.6, 10 radius : 100 11 } 12 }
1 var chord = d3.svg.chord() 2 .source(function(d){return d.startarc}) 3 .target(function(d){return d.endarc}) 4 .radius(200) 5 .startangle(function(d){return d.start}) 6 .endangle(function(d){return d.end})
1 { 2 startarc:{ 3 start : 0.2, 4 end : math.pi * 0.3, 5 radius : 100 6 }, 7 endarc:{ 8 start :math.pi * 1.0, 9 end : math.pi * 1.6, 10 radius : 100 11 } 12 }
1 var width = 600; 2 var height = 400; 3 4 var svg = d3.select("#body") 5 .append("svg") 6 .attr("width",width) 7 .attr("height",height) 8 9 var datalist = { 10 source:{ 11 startangle : 0.2, 12 endangle : math.pi * 0.3, 13 radius : 100 14 }, 15 target:{ 16 startangle :math.pi * 1.0, 17 endangle : math.pi * 1.6, 18 radius : 100 19 } 20 } 21 22 23 //创建一个弦生成器 24 var chord = d3.svg.chord(); 25 26 //添加路径 27 svg.append("path") 28 .attr("d",chord(datalist)) 29 .attr("transform","translate(200,200)") 30 .attr("fill","yellow") 31 .attr("stroke","black") 32 .attr("stroke-width","3px")
如对本文有疑问, 点击进行留言回复!!
微信小程序wx.scanCode扫描条形码,偶尔出现条形码不正确导致查询失败
Android 入门第七讲01-数据存储(数据存储概述,文件存储(raw和asserts目录读写,data/data/包名目录读写,sdcard目录读写),SharedPreferences读写)
vue-axios系列:axios拦截器,配置请求头,配置请求参数
网友评论