superset是一個(gè)輕量級(jí)自助式BI框架，以優(yōu)雅的界面和根據(jù)數(shù)據(jù)表動(dòng)態(tài)生成數(shù)據(jù)為主要特點(diǎn)。
echarts是百度開源的一款生成圖表的前端框架，配置靈活，又支持百度地圖，同樣也是數(shù)據(jù)可視化方面的一柄利器。
如想了解更多請(qǐng)看他們官網(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，下面進(jìn)入正題：
superset的js引用都由npm來管理，了解過npm的朋友就會(huì)知道，去/superset/assets目錄下的package.json中修改依賴，來控制引用了什么js框架。
1、那么打開package.json，看到了json格式的配置信息，往下面找...
找到一項(xiàng)名為"dependencies"鍵值對(duì)，dependencies？直接翻譯，就是“依賴”的意思。如下圖：
dependencies里面都是依賴項(xiàng)，不得不說，superset的依賴項(xiàng)實(shí)在是太多了。
在末尾加上一句"echarts": "3.8.5"。這個(gè)符號(hào)的意思是，echarts的版本要3.8.5以上的。
2、打開命令行，進(jìn)入到/superset/static/assets目錄。
先說兩句題外話，很多朋友也許和我當(dāng)初有同樣的疑惑，static目錄下為什么還有一個(gè)assets目錄？因?yàn)樵趕uperset/assets目錄下管理的依賴會(huì)在static靜態(tài)目錄下生成一個(gè)項(xiàng)目所需的依賴的文件，以供項(xiàng)目使用(個(gè)人理解，沒有根據(jù))。我們進(jìn)入到這個(gè)目錄的目的就是編譯一下js依賴，保持版本的正確。
我的命令行的最左側(cè)有個(gè)(venv)代表虛擬環(huán)境，用來安裝項(xiàng)目所需的框架的虛擬目錄，詳情可以百度virtualenv。
接著剛才的說，運(yùn)行 npm run dev-fast?；剀噲?zhí)行，會(huì)發(fā)現(xiàn)CLI中出現(xiàn)了一堆看不懂的命令，雖然我也看不懂，但是知道它大概是在編譯什么東西，暫時(shí)不要在意這些細(xì)節(jié)。
3、經(jīng)過前面兩步，我們就可以在html頁(yè)面中引用echarts.js了，就這樣集成成功了。
superset幾乎所有的頁(yè)面都是在basic.html頁(yè)面基礎(chǔ)上添加的，我們可以將echarts.js放到basic.html的<head>中，這樣其他的頁(yè)面也就一樣可以引用了。
比如這樣：↓
簡(jiǎn)單總結(jié)兩句：superset中用到了很多原來不會(huì)的知識(shí)(有的現(xiàn)在也是一知半解)，可以看到一些比較新鮮的東西，比如npm，echarts，flask-appbuilder等等，這僅是冰山一角，希望能慢慢消化這些知識(shí)。
