King_KAZM的博客

原创 历史事件时间轴

首先坐标轴我采用了div盒子高度为1px，设置背景颜色的效果，因为这样方便设置渐变色，其中的坐标轴、事件标记等我采用了绝对定位的方法来设置距离左边的距离，因为作为公用组件，需要适应各种容器大小，所以left我全部采用的是百分比，百分比的好处就是可以识别小数点后面好多位的数字，因为坐标较多，所以常常会出现精确到小数点后五位以上的left值（其中year-sign与month-sign分别为年坐标轴及月坐标轴标记，因为无日级坐标轴的需求，所以没有加，如果有需要可以依据此方法加上；然后还有其他几个数据。