对角线生成器

对角线生成器

 //     对角线生成器
    //     由两个顶点生成一个三次贝塞尔线
    var dataSet = {
        source: {
            x: 10, y: 10
        },
        target: {
            x: 100, y: 200
        }
    };
    var svg = d3.select("body").append("svg").attr("width", 1500).attr("height", 800);
    //    projection 是投影函数 也可以理解为是计算函数 把上面的值加工后绘制出来
   var diagonal = d3.svg.diagonal().projection(function(d){
return [d.x,d.y]
});
svg.append("path").attr("d",diagonal(dataSet)).attr("fill","none").attr("stroke","purple").attr("transform","translate(200,200)").attr("stroke-width",2);

结果:

line