Barchart with limits

Hello,

I would like to display barchart as attached. Where the green represents normal operation and yellow and red represents warning and alarm respectively.

when the green cross yellow\red area the bar should change the color respectively.

I used stack option with multiple source and adding state definition for color change, but it didn't look the same.

Any ideas to achieve the same.

Thanks