时间分场景,时间轴用不同的颜色表示

[taxidi]

我现在有如下需求，先看效果图：



比如现在有一段时间区间为 2010-07-01 到2011-06-30，我们现在有三个场景为平日、暑假、寒假。
每个场景对应的时间不同，暑假为7月1号到9月1号 ， 寒假为1月1号到2月30号(假设)。除此之外的那就全部是平日。

关键的是如何将这三个场景对应的不同的时间反映到左边的那个时间轴上，并且用不同的颜色表示出来。

请高手指点。是否有框架写了类似的控件或者有什么好的方法。。

感谢。。。

[taxidi]

静待高手出现。。。

[taxidi]

问题解决了，采用了html5 的 canvas 实现。

[aaby167]

高手还没出来