markusdanek opened a new issue #13666:
URL: https://github.com/apache/incubator-echarts/issues/13666
### Version
4.9.0
### Steps to reproduce
I have the following chart options in my Angular application for a sankey
chart:
this.chartOptions = {
color: ["#922752", "#ff9822", "#4390e1", "#53bcbc"],
tooltip: {
backgroundColor: "#ffffff",
borderWidth: 1,
formatter: `<b>{b}</b><br/>{c} ${this.unit}`,
padding: 8,
textStyle: { color: "#212529" },
trigger: "item",
triggerOn: "mousemove",
},
series: [
{
type: "sankey",
left: 0,
top: 0,
bottom: 0,
nodeWidth: 10,
data: this.seriesData,
draggable: false,
label: {
fontWeight: "bold",
formatter: "{b}",
},
links: this.seriesLinks,
focusNodeAdjacency: "allEdges",
itemStyle: {
borderWidth: 0,
},
lineStyle: {
color: "source",
curveness: 0.5,
},
},
],
};
### What is expected?
This is the current result:
[![sankey chart current][1]][1]
[1]: https://i.stack.imgur.com/nB7UW.png
### What is actually happening?
But the goal is that on the first level each node should have another color
and the levels underneath it (depth 1) should have the parent color but only
with -10% color saturation.
Example:
[![sankey chart goal][2]][2]
[1]: https://i.stack.imgur.com/nB7UW.png
[2]: https://i.stack.imgur.com/9AQDC.png
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
