将梯度颜色设置为绘图（JS）中的线图

Question

如何将线路设置为梯度颜色？我想成为最小值红色和最大值绿色，并且之间的所有内容都应该是渐变。

这是我用于设置数据的代码：

// setting the data for the graph
      this.graph.data = [{
        type: 'scatter',
        mode: 'lines',
        y: Array.from(this.dataForGraph.values()),
        x: Array.from(this.dataForGraph.keys()),
      }];

这是图形相关代码：

  public graph: any = {
    layout: {
      width: this.eRef?.nativeElement.clientWidth,
      height: 400,
      plot_bgcolor: 'white',
      margin: {
        l: 60,
        r: 30,
        b: 30,
        t: 80,
      },
      xaxis: {
        type: 'date',
      },
      yaxis: {
        title: { text: "Load [MW]" },
        autorange: true,
      }
    },
    data: [

    ],
    
  };