Ability to control space between node and label as well as render order of label.

[njradford]

Hi there, two questions:

1. is there a way to control how much space is present between a label and a node?

2. Is there a way to control the render order of a label such that it always appears over top of any lines in the graph? Rather than under the lines? I'm hoping to solve the issue that's present in the screenshot below. There are lines that overlap labels in the graph and make it difficult to read.

[amcdnl]

1. No currently but open to adding it. Do you have a API in mind?
2. This is the fun part about 3D - labels do have a higher "Z" index than lines but when tilting they can overlap. Can you confirm if this is 3d or rotated?

[njradford]

Thanks for the response.

1. I suppose that adjusting labels via a theme variable would make sense to me.
2. That screenshot was in 3d but I have confirmed that I also see the same behavior in a force directed 2d graph. Here is another example.

I have actually solved both of these problems in the short term by turning off the labels and somewhat abusing the renderNode prop to custom render the text by copying a texture from a separate canvas context when the node is being rendered.

Example:

In our scenario we have a lot of nodes with a variety of label lengths (anywhere from 1 word to 10 words). So this approach has been useful to give us complete control over the line spacing and specifically where the text wraps.