成果
- 产品借鉴（抄袭）了华为运动健康App上对用户睡眠数据的展示，要我们也实现这种效果。App开发的同事虽然做出了一点样子，但是有点小丑，担子落到了web的头上（虽然笔者实现的效果也没有华为的好，但是还看的过去）
分析与实现
- 图形
- 图形有点折线图和柱状图结合的意思，但是两者都不是，作为web和小程序开发，最常用的echarts在这时候好像很难起到作用，至少笔者和同事研究了半天用echarts写不出来。然后网上其实没有可以参照的写法，只能自己研究。最终决定用原生canvas一点点画出来。
- 先拆分图形，可以拆分成多个带圆角的方形，和前后两个方形之间上下有两个带弧度的旗帜的线
- tooltip