Node is not clickable or responding to any mouseevent if corresponding node object has 'val' property about force-graph HOT 3 CLOSED

@wunaidage in regular drawing mode, the size of a node is determined by the nodeVal property, which defaults to the val attribute in each node's data.
The nodeVal property also determines the area used for click/hover interactions when doing customly drawn nodes using nodeCanvasObject.

If the val attributes in your data set represent anything else other than node sizes, it's recommended to modify this property via f.e. .nodeVal(node => /* your code */), to not interfere with the node sizes and/or pointer interactions.

from force-graph.

@vasturiano thank you for the clarification. It is really confusing since the document said nodeVal has a default value of val for which I though was a string value, but in fact another property of the node object

from force-graph.

@wunaidage I'm glad it's clear now. This is how all the accessor methods in the library work. They accept, in increasing levels of customization, either a constant, an object attribute or a function. This is to allow varying degrees of flexibility when configuring the component.

from force-graph.