D3.js NVD3-如何使用angular-NVD3向链接添加箭头
我从力定向图的例子开始工作 krispo/angular-nvd3/blob/gh pages/js/forceDirectedGraph.js 如何修改此代码,以便可以向每个链接添加箭头以指示方向D3.js NVD3-如何使用angular-NVD3向链接添加箭头,d3.js,nvd3.js,angular-nvd3,D3.js,Nvd3.js,Angular Nvd3,我从力定向图的例子开始工作 krispo/angular-nvd3/blob/gh pages/js/forceDirectedGraph.js 如何修改此代码,以便可以向每个链接添加箭头以指示方向 $scope.options = { chart: { type: 'forceDirectedGraph', height: 450, width: (function(){ return nv.utils.windowSize().widt
$scope.options = {
chart: {
type: 'forceDirectedGraph',
height: 450,
width: (function(){ return nv.utils.windowSize().width })(),
margin:{top: 20, right: 20, bottom: 20, left: 20},
color: function(d){
return color(d.group)
},
nodeExtras: function(node) {
node && node
.append("text")
.attr("dx", 8)
.attr("dy", ".35em")
.text(function(d) { return d.name })
.style('font-size', '10px');
}
}
};
因此,输出看起来更像这样:
将标记作为箭头附加到FDG
defs.append("marker")
.attr({
"id":"arrow",
"viewBox":"0 -5 10 10",
"refX":5,
"refY":0,
"markerWidth":4,
"markerHeight":4,
"orient":"auto"
})
.append("path")
.attr("d", "M0,-5L10,0L0,5")
.attr("class","arrowHead");
这是我的plunker示例
这似乎是Angular-nvd3的问题。希望它能得到解决。
这似乎是Angular-nvd3的问题。希望它能得到解决。