內(nèi)容來(lái)源：2017年5月20日灰蛙，樂(lè)逗游戲高級(jí)數(shù)據(jù)分析師在“第十屆中國(guó)R會(huì)議軟件工具專場(chǎng)”進(jìn)行《HTTPS最佳安全實(shí)踐》演講分享券躁。IT大咖說(shuō)作為獨(dú)家視頻合作方申鱼，經(jīng)主辦方和講者審閱授權(quán)發(fā)布风钻。
本演講將介紹如何利用CSS對(duì)shiny頁(yè)面進(jìn)行個(gè)性化設(shè)計(jì)及在網(wǎng)頁(yè)中嵌入視頻英妓；并通過(guò)一個(gè)詳細(xì)案例介紹了利用htmlwidgets包開(kāi)發(fā)HTML控件挽放，基于D3.JS庫(kù)創(chuàng)建簡(jiǎn)單的交互桑基圖鞋拟，包括控件創(chuàng)建骂维、函數(shù)修改、數(shù)據(jù)調(diào)用及與shiny結(jié)合的演示贺纲。
嘉賓演講視頻地址：http://t.cn/Ro89hHa
利用css對(duì)Shiny頁(yè)面優(yōu)化
添加CSS的三種方式
CSS為HTML文檔提供了一種復(fù)雜外觀的樣式語(yǔ)言航闺。由于Shiny應(yīng)用程序用戶界面（UI）是一個(gè)HTML文檔，可以使用CSS來(lái)控制Shiny應(yīng)用程序的外觀猴誊。
要用CSS美化應(yīng)用程序潦刃，常用的有三種方式。
1懈叹、創(chuàng)建一個(gè)樣式表乖杠，把它放到www目錄文件下：在應(yīng)用的當(dāng)前目錄下，創(chuàng)建www文件夾澄成，把CSS樣式放在www目錄里胧洒。對(duì)Shiny自帶的“03_reactivity”例子添加個(gè)性化樣式畏吓。
2、把CSS添加到HTML標(biāo)題中卫漫。
3菲饼、將樣式直接添加到HTML控件標(biāo)簽中：直接在用戶界面中的單個(gè)HTML元素中添加CSS樣式，優(yōu)先級(jí)高于其他的CSS源列赎。
給應(yīng)用增加登錄窗口
免費(fèi)的Shiny沒(méi)有權(quán)限控制宏悦，如果掌握一些基本的CSS知識(shí)，就可以輕易地給應(yīng)用添加一個(gè)登錄窗口包吝。
利用htmlwidgets包創(chuàng)建HTML控件
下載d3plus.zip
利用htmlwidgets包調(diào)用d3plus.js庫(kù)饼煞，生成交互式圖表。
創(chuàng)建新包
創(chuàng)建一個(gè)新包诗越，包名為myd3plus砖瞧，將會(huì)生成treemap.R、treemap.ymal和treemap.js三個(gè)文件嚷狞。
創(chuàng)建lib目錄芭届，存放js文件
將下載的d3plus.zip解壓，把里面的文件d3.js和d3plus.js拷貝至htmlwidgets/lib目錄下感耙。
修改treemap.ymal的文件配置
修改treemap.ymal的文件配置褂乍，該文件是用來(lái)設(shè)置控件依賴的js庫(kù)。
Stylesheet是用來(lái)指定特定的CSS格式即硼，此處不添加逃片。
修改treemap.R的文件配置
在treemap.R中，刪除message=message命令只酥，增加data=data命令褥实。
安裝包
運(yùn)行devtools::install()對(duì)myd3plus包進(jìn)行安裝。
運(yùn)行treemap函數(shù)
構(gòu)建簡(jiǎn)單數(shù)據(jù)框裂允，運(yùn)行treemap函數(shù)损离，查看效果。
與Rmarkdown結(jié)合
利用htmlwidgets包創(chuàng)建的控件绝编，很容易與Rmarkdown和Shiny結(jié)合僻澎。
我的分享到此結(jié)束，謝謝大家十饥！
