superset是一個輕量級自助式BI框架寻狂，以優(yōu)雅的界面和根據(jù)數(shù)據(jù)表動態(tài)生成數(shù)據(jù)為主要特點谜洽。
echarts是百度開源的一款生成圖表的前端框架酣衷，配置靈活记罚，又支持百度地圖，同樣也是數(shù)據(jù)可視化方面的一柄利器望迎。
如想了解更多請看他們官網(wǎng)障癌，↓。
superset官網(wǎng)：http://airbnb.io/projects/superset/
superset github：https://github.com/apache/incubator-superset
echarts官網(wǎng)：http://echarts.baidu.com/
三步引入echarts辩尊，下面進入正題：
superset的js引用都由npm來管理涛浙，了解過npm的朋友就會知道，去/superset/assets目錄下的package.json中修改依賴摄欲，來控制引用了什么js框架轿亮。
1、那么打開package.json胸墙，看到了json格式的配置信息我注，往下面找...
找到一項名為"dependencies"鍵值對，dependencies劳秋？直接翻譯仓手，就是“依賴”的意思胖齐。如下圖：
dependencies里面都是依賴項，不得不說嗽冒，superset的依賴項實在是太多了呀伙。
在末尾加上一句"echarts": "3.8.5"。這個符號的意思是添坊，echarts的版本要3.8.5以上的剿另。
2、打開命令行贬蛙，進入到/superset/static/assets目錄雨女。
先說兩句題外話，很多朋友也許和我當(dāng)初有同樣的疑惑阳准，static目錄下為什么還有一個assets目錄氛堕？因為在superset/assets目錄下管理的依賴會在static靜態(tài)目錄下生成一個項目所需的依賴的文件，以供項目使用(個人理解野蝇，沒有根據(jù))讼稚。我們進入到這個目錄的目的就是編譯一下js依賴，保持版本的正確绕沈。
我的命令行的最左側(cè)有個(venv)代表虛擬環(huán)境锐想，用來安裝項目所需的框架的虛擬目錄，詳情可以百度virtualenv乍狐。
接著剛才的說赠摇，運行 npm run dev-fast∏瞅剑回車執(zhí)行藕帜，會發(fā)現(xiàn)CLI中出現(xiàn)了一堆看不懂的命令，雖然我也看不懂掘鄙，但是知道它大概是在編譯什么東西耘戚，暫時不要在意這些細(xì)節(jié)嗡髓。
3操漠、經(jīng)過前面兩步，我們就可以在html頁面中引用echarts.js了饿这，就這樣集成成功了浊伙。
superset幾乎所有的頁面都是在basic.html頁面基礎(chǔ)上添加的，我們可以將echarts.js放到basic.html的<head>中长捧，這樣其他的頁面也就一樣可以引用了嚣鄙。
比如這樣：↓
簡單總結(jié)兩句：superset中用到了很多原來不會的知識(有的現(xiàn)在也是一知半解)，可以看到一些比較新鮮的東西串结，比如npm哑子，echarts舅列，flask-appbuilder等等，這僅是冰山一角卧蜓，希望能慢慢消化這些知識帐要。
