获取图形的箭头方向

时间:2019-07-03 09:29:32

标签: d3.js

我正在将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);


  }

我没有得到指示箭头。.你能帮忙这些吗

0 个答案:

没有答案