The problem of Segmentation Line of svg

how do I realize that the line below the maximum (warning line) is red two and the one above the maximum is another color? Similar to this effect

my code:
< path

      d={lineGen(data)} 
      stroke={arr > base.baseValue ? line.color : "red"} 
      fill="none" 
      strokeDasharray={line.lineType === "dash" ? "3 3" : null}
      strokeWidth={line.lineWidth}/>
The problem with

is that my segments are made up of a complete path, and according to my code are all red segments. Please give us your opinions

.
Aug.03,2021

hh solved using two clipPath

Menu