生成滾動(dòng)條控制的動(dòng)態(tài)圖表 如何利用EXCEL在10分鐘內(nèi)編制一個(gè)進(jìn)度計(jì)劃?
如何利用EXCEL在10分鐘內(nèi)編制一個(gè)進(jìn)度計(jì)劃?謝謝邀請(qǐng)!邊肖分享了如何制作動(dòng)態(tài)甘特圖來跟蹤項(xiàng)目進(jìn)展。動(dòng)態(tài)甘特圖動(dòng)態(tài)顯示一個(gè)項(xiàng)目的完成情況,這是工作的要求,也是老板的期望!今天,邊肖將分享如何制作動(dòng)態(tài)
如何利用EXCEL在10分鐘內(nèi)編制一個(gè)進(jìn)度計(jì)劃?
謝謝邀請(qǐng)!
邊肖分享了如何制作動(dòng)態(tài)甘特圖來跟蹤項(xiàng)目進(jìn)展。
動(dòng)態(tài)甘特圖動(dòng)態(tài)顯示一個(gè)項(xiàng)目的完成情況,這是工作的要求,也是老板的期望!
今天,邊肖將分享如何制作動(dòng)態(tài)甘特圖。
最終效果如以下動(dòng)畫所示:
步驟如下:
第一步:準(zhǔn)備數(shù)據(jù)源,如下所示。
數(shù)據(jù)源描述:
①在C2,輸入公式N: $ h $ 9),然后雙擊鼠標(biāo)填入;
公式分析:NETWORKDAYS函數(shù)用于計(jì)算排除周六、周日和法定節(jié)假日后的天數(shù)。
②在E2里輸入公式IF ($ g $2d2,C2,IF ($ g $ 2b2,NetworkDays (b2,$ g $ 2,$ h $ 2 echo v3-@ .com $ h $ 9)),然后雙擊鼠標(biāo)填入;
公式分析:如果 "結(jié)束日期 "是在 "今日 的日期 ",表示已經(jīng)完成,返回C列對(duì)應(yīng)的數(shù)據(jù);否則說明還沒有完成。結(jié)果為FALSE,表示值為0;
③在F2中,輸入公式IF(D2$G$2,0,IF(B2$G$2,C2-E2,C2)),然后雙擊鼠標(biāo)填寫;
公式分析:If "結(jié)束日期 "晚于 "今日 的日期 ",表示沒有完成。有兩種情況:一種是還沒有開始,一種是已經(jīng)完成了一部分;
④在G2中,輸入公式TODAY() G3,G3的初始值為0,這是一個(gè)動(dòng)態(tài)數(shù)值,后面會(huì)詳細(xì)說明。
步驟2:插入堆積條形圖
步驟3:更改縱坐標(biāo)順序
第四步:調(diào)整橫坐標(biāo)
步驟5:刪除開始日期
第6步:插入當(dāng)前日期
步驟7:插入滾動(dòng)條
請(qǐng)問誰知道哪種js庫提供自定義圖例功能?
D3.js
D3是最流行的可視化庫之一,被許多其他表單插件使用。它允許將任意數(shù)據(jù)綁定到DOM,然后將數(shù)據(jù)驅(qū)動(dòng)的轉(zhuǎn)換應(yīng)用到文檔。您可以使用它來創(chuàng)建帶有數(shù)組的基本HMTL表,或者使用它的流暢轉(zhuǎn)換和交互來創(chuàng)建帶有相似數(shù)據(jù)的驚人的SVG條形圖。
ChartJS
Chart.js是一個(gè)令人印象深刻的JavaScript圖表庫,它基于HTML5 Canvas。目前支持六種圖表類型(折線圖、條形圖、雷達(dá)圖、餅圖、條形圖、極區(qū))。而且這是一個(gè)不依賴第三方JavaScript庫的獨(dú)立包,小于5KB。
高圖表JS
Highcharts JS是一個(gè)制作圖表的純Javascript類庫。其主要特點(diǎn)如下:兼容性:兼容當(dāng)今所有瀏覽器,包括iPhone、IE和?;鸷?;個(gè)人用戶免費(fèi);純JS,無BS;支持大部分圖表類型:折線圖、曲線圖、面積圖、面積曲線圖、柱形圖、餅狀圖、散點(diǎn)圖;跨語言:PHP和Java都可以。
Fusioncharts
FusionCharts Suite XT是一個(gè)專業(yè)的JavaScript圖表庫,可以創(chuàng)建任何類型的圖表。它創(chuàng)建的圖表可以完全定制,標(biāo)簽、字體、邊框等??梢孕薷?。它具有強(qiáng)大的交互功能,許多,可點(diǎn)擊的圖例關(guān)鍵字,以及下拉、縮放/滾動(dòng)和點(diǎn)擊打印圖表的功能。
Flot
Flot的靈感來自于Plotr和PlotKit。Ole Laursen開發(fā)了一個(gè)基于jQuery的WEB圖表插件,并將其命名為Flot。Flot是一個(gè)純粹的JavaSript庫,專注于簡(jiǎn)單的用法、迷人的外觀和交互特性。支持的瀏覽器有:Internet Explorer 6、Chrome、Firefox 2、Safari 3和Opera 9.5。
Chartist.js
Chartist.js提供了一個(gè)漂亮的響應(yīng)圖表。就像查特一樣。它使用SVG來渲染圖像,可以通過查詢CSS3 media和SASS來控制和定制圖像。此外,Chartist.js提供了很酷的動(dòng)畫。
n3圖表
如果你是AngularJS開發(fā)者,你一定喜歡有趣的圖表。它基于D3.js和AngularJS,并提供可定制的圖表,具有不同標(biāo)準(zhǔn)形式的AngularJS指令。
灰燼圖表
Ember Charts是一個(gè)基于Ember.js和D3.js的圖表庫,包括時(shí)間序列、直方圖、餅狀圖和點(diǎn)狀圖,易于擴(kuò)展和修改。這些圖表組件代表了圖表交互和演示的最佳實(shí)踐,并且是高度可定制和可擴(kuò)展的。
Chartkick
Chartkick是一個(gè)用于Ruby應(yīng)用程序的JavaScript圖表庫。它提供了所有主要的圖表類型,如餅圖、柱形圖、條形圖、面積圖、地理圖、時(shí)間圖和多個(gè)系列圖。
氣象圖
它有一個(gè)很酷的圖表生成器,可以讓你選擇圖表,選擇主題,然后生成圖表。
amCharts
AmCharts無疑是最美的圖表庫。AmCharts提供了JavaScripT/HTML5圖表、Javascript/HTML5股票圖表和Javascript地圖是三個(gè)圖表組件。
EJS海圖
EJS海圖自稱是企業(yè)編制的海圖庫。圖表看起來比大多數(shù)舊圖表庫更干凈,可讀性更好。這也兼容IE6等老瀏覽器。
紫外線圖表
UvCharts是一個(gè)開源的JavaScript圖表庫,號(hào)稱擁有100多個(gè)自定義選項(xiàng)。它有12種不同的標(biāo)準(zhǔn)圖表類型,開箱即用。
埃查爾茲
基于Canvas和純JavaScript圖表庫,提供直觀、生動(dòng)、交互、個(gè)性化的數(shù)據(jù)可視化圖表。拖放重新計(jì)算、數(shù)據(jù)視圖和范圍漫游等創(chuàng)新功能極大地增強(qiáng)了用戶體驗(yàn),并使用戶能夠挖掘和集成數(shù)據(jù)。
商業(yè)產(chǎn)品常用的圖表庫是基于ZRender,創(chuàng)建了坐標(biāo)系、圖例、提示、工具箱等基礎(chǔ)組件。在此基礎(chǔ)上,構(gòu)建折線圖(區(qū)域圖)、條形圖(條形圖)、散點(diǎn)圖(氣泡圖)、餅圖(圓環(huán)圖)、k線圖、地圖、和弦圖和面向力量的布局圖,同時(shí)支持任意維度的堆疊和多種圖表的混合顯示。