能否实现如下效果

<img width="629" height="585" alt="Image" src="https://github.com/user-attachments/assets/f8d2de23-ad32-4dae-8987-f734a9e70dc8" />
类似苹果睡眠报告中这种效果能否实现，是否使用columnrange，能否自定义多段颜色，谢谢