¿Cómo puedo configurar la línea en color degradado? Me gustaría que el valor mínimo sea rojo y el valor máximo verde, y todo lo que esté en el medio debe ser degradado.

Este es mi código para configurar los datos:

 // 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()), }];

Este es el código relacionado con el gráfico:

 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: [ ], };