forcegraph: draw labels ontop of everything else
This commit is contained in:
parent
76fb29d5d8
commit
dc5e364803
|
@ -291,11 +291,6 @@ define(["d3"], function (d3) {
|
||||||
|
|
||||||
ctx.restore()
|
ctx.restore()
|
||||||
|
|
||||||
// -- draw labels --
|
|
||||||
if (scale > 0.9)
|
|
||||||
intNodes.filter(visibleNodes).forEach(drawLabel, scale)
|
|
||||||
|
|
||||||
|
|
||||||
// -- draw unknown nodes --
|
// -- draw unknown nodes --
|
||||||
ctx.beginPath()
|
ctx.beginPath()
|
||||||
unknownNodes.filter(visibleNodes).forEach(function (d) {
|
unknownNodes.filter(visibleNodes).forEach(function (d) {
|
||||||
|
@ -398,6 +393,10 @@ define(["d3"], function (d3) {
|
||||||
ctx.restore()
|
ctx.restore()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// -- draw labels --
|
||||||
|
if (scale > 0.9)
|
||||||
|
intNodes.filter(visibleNodes).forEach(drawLabel, scale)
|
||||||
|
|
||||||
ctx.restore()
|
ctx.restore()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -609,7 +608,7 @@ define(["d3"], function (d3) {
|
||||||
|
|
||||||
var name = nodeName(d)
|
var name = nodeName(d)
|
||||||
|
|
||||||
var offset = 8
|
var offset = 5
|
||||||
var lineWidth = 3
|
var lineWidth = 3
|
||||||
var buffer = document.createElement("canvas")
|
var buffer = document.createElement("canvas")
|
||||||
var r = window.devicePixelRatio
|
var r = window.devicePixelRatio
|
||||||
|
@ -622,12 +621,9 @@ define(["d3"], function (d3) {
|
||||||
bctx.scale(scale, scale)
|
bctx.scale(scale, scale)
|
||||||
bctx.textBaseline = "middle"
|
bctx.textBaseline = "middle"
|
||||||
bctx.textAlign = "center"
|
bctx.textAlign = "center"
|
||||||
bctx.lineWidth = lineWidth
|
bctx.fillStyle = "rgba(242, 227, 198, 1.0)"
|
||||||
bctx.lineCap = "round"
|
bctx.shadowColor = "rgba(0, 0, 0, 1)"
|
||||||
bctx.strokeStyle = "rgba(53, 54, 52, 0.1)"
|
bctx.shadowBlur = 5
|
||||||
bctx.fillStyle = "rgba(242, 227, 198, 0.8)"
|
|
||||||
bctx.miterLimit = 2
|
|
||||||
bctx.strokeText(name, buffer.width / (2 * scale), buffer.height / (2 * scale))
|
|
||||||
bctx.fillText(name, buffer.width / (2 * scale), buffer.height / (2 * scale))
|
bctx.fillText(name, buffer.width / (2 * scale), buffer.height / (2 * scale))
|
||||||
|
|
||||||
d.label = buffer
|
d.label = buffer
|
||||||
|
|
Loading…
Reference in a new issue