How to change the color of the links in a network?

[AlmahaAlmalki]

Hi,

I'm trying to change the color of the links, and it's not clear in the documentation how to do so.

 const methods = {
            links: this.state.nodes,
            nodes: this.state.links,
            color: (d: any) => d['color'],
            label: (d: any) => d['OccupationTitle'],
            hover: (d: any) =>  d['id'],
            zoom: true,
} 
   

Thanks

[davelandry]

hi @AlmahaAlmalki! apologies for the unclear docs (known bug 😅)

you're looking for the shapeConfig method, which acts as a pass-through to any Shape class that is being drawn on the screen. So if you wanted to change the stroke on every shape you would do this:

shapeConfig: {
  stroke: "red"
}

...but for visualizations with multiple shape types, like Networks which have Rect and Line shapes, you can provide a namespaced config:

shapeConfig: {
  Line: {
    stroke: "red"
  }
}

[AlmahaAlmalki]

Great, thank you Dave 👍