linkColorMode: 'gradient' at sankey diagram does not work

[dmartinezzm]

Expected behaviour

diagram lines with color gradient from source to destination

Actual behaviour

Diagram lines like default 'from' value

series: [{
keys: ['from', 'to', 'weight'],
data: [],
type: 'sankey',
linkColorMode: 'gradient',
}]

Product version

"highcharts": "^11.4.1",
"highcharts-angular": "^4.0.0",

Affected browser(s)

At least, Chrome

[bm64]

Hi @dmartinezzm

Please recreate the issue in this demo: https://jsfiddle.net/BlackLabel/tgvar8j2/

[dmartinezzm]

Hi, @bm64
In jsfiddle it works correctly, maybe it's an Angular problem?

https://jsfiddle.net/dmartinezmorgado/5fbcyvht/

[bm64]

Hi @dmartinezzm

I have recreated this demo in Angular environment and everything seems to work correctly. See the demo

[dmartinezzm]

Hi again @bm64, replicating it like this, I still get the same error, the gradient is not applied, could it be a matter of using Angular 16, since your example is in Angular 15?

[bm64]

Hi @dmartinezzm

I don't think the issue is related to angular version, most likely it is caused by a chart misconfiguration on your side. Here is an example with Angular 16 and everything seems to work correctly.

[dmartinezzm]

Hi @bm64
First of all, thank you very much for trying to help me with my problem. I have copied exactly the settings from your examples, even the package.json versions but my problem remains. I think I will have to give up. Thank you very much again.

[bm64]

@dmartinezzm perhaps you could create a github repo with the issue? I could take a look at the problem directly. Another possibility is that you might have imported highcharts css somewhere which can mess up with the gradient config in sankey: https://jsfiddle.net/BlackLabel/cx26gp7r/