我正在将d3js
和angular用于json目标文件,其中我需要用箭头表示的节点之间的关系。
我试图将箭头svg元素赋予矩形svg元素
loadForceDirectedGraph() {
.then((data)=>{
const link = svg.append('g')
.attr('class', 'links')
.selectAll('line')
.data(data['links'])
.enter()
.append('line')
.attr('stroke-width', (d) => Math.sqrt(d['value']));
const node = svg.append('g')
.attr('class', 'nodes')
.selectAll('rect')
.data(data['nodes'])
.enter()
.append('rect')
.attr('x', 5)
.attr('y',10)
.attr('width',40)
.attr('height',50)
.attr('fill', (d) => color(d['group']))
.call(d3.drag()
.on('start', dragStarted)
.on('drag', dragged)
.on('end', dragEnded)
);
node.append('title')
.text((d) => d['id']);
simulation
.nodes(data['nodes'])
.on('tick', ticked);
simulation.force<d3.ForceLink<any, any>>('link')
.links(data['links']);
// d3.selectAll("rect")
// .on("mouseover",function(d,i){ alert("mouseover");})
// .on("mouseout",function(d,i){ alert("mouseout");}).alert(this message is error send this);
}
我没有得到指示箭头。.你能帮忙这些吗