Make node.renderLabel available at node level

Describe the bug I’d like to show the label information only when the user hovers over the nodes. Since there is already a renderLabel property on the nodes, I tried to change it in combination with onMouseOverNode and onMouseOutNode but unfortunately, the labels are not shown.

To Reproduce Steps to reproduce the behavior:

1. Create a graph
2. Add some node data, set renderLabel in the global node config to false
3. Implement onMouseOverNode and onMouseOutNode (size is changed for reference)

  onMouseOverNode = function(nodeId) {
    const data = this.state.data;
    data.nodes = data.nodes.map(node => {
      if (node.id === nodeId) {
        node.renderLabel = true;
        node.size = 1000;
      }
      return node;
    });
    this.setState({ data });
  };

  onMouseOutNode = function(nodeId) {
    const data = this.state.data;
    data.nodes = data.nodes.map(node => {
      if (node.id === nodeId) {
        node.renderLabel = false;
        node.size = 400;
      }
      return node;
    });
    this.setState({ data });
  };

1. See that the size is changed on hovering but the labels are not shown

Expected behavior The labels of the currently hovered node should be visible and the node size should be changed

Screenshots

Environment:

• OS: Win10 1803
• Browser: Chrome
• Version: 73.0.3683
• Node version: 11.13
• react-d3-graph version 2.0.1
• d3 version: d3-force 2.0.1
• react version: 16.4.1

[gopherine]

sorry for the delay i got busy with university 😃 i will dive back into it today or tommorow

[henzesberger]

Thank you very much, looking forward to have this feature. It would be also great to have the same behavior for links.