摘要:看到一個(gè)很棒的時(shí)間軸工具,分享一下地址主頁地址項(xiàng)目介紹通過和,把數(shù)據(jù)和事件進(jìn)行可視化處理,用創(chuàng)建事件軸,用美化樣式,還有適合移動端的方法。創(chuàng)建簡單的時(shí)間軸只需要一個(gè)保存事件的數(shù)組使用安裝
看到一個(gè)很棒的時(shí)間軸工具,分享一下:
github地址 https://github.com/sbstjn/timesheet.js
主頁地址:http://sbstjn.github.io/timesheet.js/
通過html5和CSS3,把數(shù)據(jù)和事件進(jìn)行可視化處理,用JavaScript創(chuàng)建事件軸,用CSS美化樣式,還有適合移動端的方法。
作者最近一直在更新,github上有超過4500個(gè)star、300多fork,還是比較值得信賴的。
效果圖 使用只需要引入 Timesheet.js 和配置你的數(shù)據(jù),不依賴別的庫,不需要 jQuery 、Angular.JS。只是用幾行JavaScript去創(chuàng)建HTML5布局的界面、用CSS自定義界面樣式。