title: Apache ECharts: Sankey colors
body: <p>I have the following chart options in my Angular application for a sankey chart:</p>
  <pre><code>this.chartOptions = {
    color: [&quot;#922752&quot;, &quot;#ff9822&quot;, &quot;#4390e1&quot;, &quot;#53bcbc&quot;],
    tooltip: {
      backgroundColor: &quot;#ffffff&quot;,
      borderWidth: 1,
      formatter: `&lt;b&gt;{b}&lt;/b&gt;&lt;br/&gt;{c} ${this.unit}`,
      padding: 8,
      textStyle: { color: &quot;#212529&quot; },
      trigger: &quot;item&quot;,
      triggerOn: &quot;mousemove&quot;,
    },
    series: [
      {
        type: &quot;sankey&quot;,
        left: 0,
        top: 0,
        bottom: 0,
        nodeWidth: 10,
        data: this.seriesData,
        draggable: false,
        label: {
          fontWeight: &quot;bold&quot;,
          formatter: &quot;{b}&quot;,
        },
        links: this.seriesLinks,
        focusNodeAdjacency: &quot;allEdges&quot;,
        itemStyle: {
          borderWidth: 0,
        },
        lineStyle: {
          color: &quot;source&quot;,
          curveness: 0.5,
        },
      },
    ],
  };
  </code></pre>
  <p>This is the current result:</p>
  <p><a href="https://i.stack.imgur.com/nB7UW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nB7UW.png" alt="sankey chart current" /></a></p>
  <p>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.</p>
  <p>Example:</p>
  <p><a href="https://i.stack.imgur.com/9AQDC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9AQDC.png" alt="sankey chart goal" /></a></p>