That’s not hard to do with the ECharts components I’ve used. If you look at the wind gauge, you can see that it already has different colors defined for the “outer scale”. The colors are set as fractions, so you can define which color should be between 0 and 0.15, which should be between 0.15 and 0.25 and generally however you like. If you copy and customize the wind widget, you can basically delete most of the code and end up with something quite similar to what you want. But, getting it all the way (like making the needle like you want it) does require some knowledge of the ECharts.
