用plotly制作一条带颜色的时间轴，显示学习情况

前一篇文章我写到用matplotlib制作一条带颜色的时间轴，显示学习情况-优快云博客，这是我在工作地方写的程序，我回家后发现家里的笔记本用不了matplotlib，所以我尝试用plotly这另外的模块也写一段程序，让我的程序能够回家使用（还没尝试是否能用）。一开始我是这么改写的：

抱歉，在jupyter Notebook上一直优化，没有保存之前写的程序，就是按10秒画一个矩形，一个一个地画矩形，拼接成一时间轴。

生成的图片跟上图一样，看后我发现一个问题就是里面的颜色块好像被分开。这明显不是我想要的结果，为此，我想能不能按状态，在连续状态下画一个大矩形，再一个个拼接起来，那么这就需要思考如何改造程序，于是我又问百度了。

它马上给我生成一段程序（如果自己查书学习，也能办到吧）。拿到我想要的数组，我就可以来改写程序了。后来我觉得不用str（current_number）就改掉了。