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