[Question] How to make a Color of link gradient

[delusion-entity]

What problem does this feature solve?

Hi,
I have a graph with a lot of link ,
is it possible to make the link gradient base of the Source and target
Like the source of the link is the start of the gradient with color 1 and the target is the end with color 2

(Right now its a basic gradient not related to the source or target)

What does the proposed API look like?

lineStyle:{ color: gradient( {sourceColor}, {targetColor} )

[Ovilia]

color: {
  type: 'linear',
  x: ...,
  y: ...,
  x2: ...,
  y2: ...,
  global: true,
  colorStops: [
    {
      offset: 0,
      color: ...
    },
    {
      offset: 1,
      color: ...
    }
  ]
}

When global: true, you can pass the position of the start node to x and y and that of end node to x2 and y2. Note that you need to calculate the layout by yourself, otherwise, there is no way to get the position of nodes.

[delusion-entity]

this solution is too complex to calculate and implement, which is a too bad.
If there isn't a simpler way, I'll do without it.

Thank you for your reply.

[helgasoft]

Here is an implementation of Ovilia's answer - Demo.
Edge gradient color works for all layouts ('none', 'force', 'circular').
However, edgeSymbol (arrow) color cannot be set, so the final result looks confusing.