如何在Sigma.js中更改箭头大小？

Question

我正在尝试绘制有向图（箭头），但是箭头是如此之小，以至于几乎看不到它们。

function addArrowToGraph(src, dst) {
      s.kill();
      g.edges.push({
        id: 'e' + g.edges.length,
        source: 'n' + src,
        target: 'n' + dst,
        size: 100,
        color: '#ccc',
        minArrowSize: 100,
        type: 'arrow'
      });
      s = new sigma({
        graph: g,
        container: 'graph-container'
      });
    }

无论我将minArrowSize设置为什么数字，它都保持不变。我必须放大近一点才能完全看到箭头。

Answer 1

我能够通过将渲染类型设置为canvas并在图形的设置中定义minArrowSize来更改箭头大小。

let s = new sigma({
            renderer: {
                container: document.getElementById('graph-container'),
                type: 'canvas'
            },
            settings: {
                edgeLabelSize: 'proportional',
                minArrowSize: 15
            }
        });