弦生成器
// 弧生成器
// 屬性名稱可以自定義然后設置訪問器規范即可
// 該表圖是由兩條弧線生成
// 開始弧 和 結束弧 都是由兩個PI的頂點生成 radius是半徑
var dataSet = {
source: {
start: 0,
end: Math.PI * .8,
radius: 100
},
target: {
start: Math.PI,
end: Math.PI * 1.2,
radius: 100
}
};
var svg = d3.select("body").append("svg").attr("width", 500).attr("height", 500);
var chord = d3.svg.chord().startAngle(function (d) {
return d.start;
}).endAngle(function (d) {
return d.end;
});
svg.append("path").attr("d", chord(dataSet)).attr("fill", "purple").attr("transform", "translate(200,200)").attr("stroke", "black")
結果:
弦圖表
