因爲公司目前是在做一個交易所的項目，頁面中需要用到k線圖，之前用了echart的k線，太過簡陋了，參考了另外幾個同級網站，決定用tradingview這個專業的股票交易所類的圖表庫。
從上週開始就研究tradingview，一直到昨天纔算是勉強能夠在本地運行，真的是不容易。下面來說說使用過程中遇到的一些坑。
1、tradingview雖然是開源免費，可也是僅限於一些基本的圖表服務，但這也基本上夠用了。如果你要定製高級別的，那需要聯繫官方。使用之前，需要進入tradingview官網去申請他的chart_library（https://cn.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/ ）, 申請步驟是我見過最複雜的，需要下載它的一份協議，簽名蓋章之後掃描上傳上去，然後填寫一堆表單（郵箱公司地址等等），如果填寫都ok的話，會在一兩天之內回覆你的郵箱，是github的鏈接(已授權過的，不然會報404)。
2、github授權之後，你就可以clone到本地了，可以用http-server運行（npm install http-server/ http-server -p 8080）
運行之後，可以看到demo的效果。demo中的代碼都是使用的tradingview官方的UDF接口來獲取數據的。這有很大的侷限性，如果你的團隊後臺人手夠的話，也完全可以參照（https://b.aitrade.ga/books/tradingview/book/UDF.html ）, 去開發一個接口供使用，這樣前端代碼會少很多。
3、當然，如果像我這樣，因爲後臺框架的限制，無法給我一個適配UDF的接口，那就很蛋疼了。
我現在所希望的是，能將我的數據放進圖表中，因爲之前用echart的時候已經有數據接口了，數據返回時沒有問題的。
官方文檔是讓使用JS API，可是說實話我到現在也沒有get到JS API的魅力。官方文檔中對於JS API是這樣解釋的：
這是啥? 一套JS方法（以實現指定的公共接口）。
我該怎麼使用它?: 您應該創建一個JS對象，它將以某種方式接收數據，並響應圖表庫的請求。
在圖表庫中實現了數據緩存（歷史和商品信息）。當您創建一個實現接口的對象時，只需將它傳遞給圖表庫Widget的構造函數。
真心覺得看不懂，這裏面的某種方式是什麼，創建對象之後的傳遞方法又是什麼？ 一臉懵逼，如果有大佬看到我的文章，還希望不吝賜教。
4、ok，然後就是無休止的查找了，百度，google，Stack Overflow等等。 前兩天基本一無所獲，找了些但是與我想要的不對口。昨天無意間找到了這個（ https://github.com/webdatavisualdev/vue-tradingview ），簡直如獲至寶啊。結合我的項目代碼，很順利就完成了數據對接。 裏面的createFeed不是很明白，沒有註釋，read.me也沒啥東西，有點蛋疼。
好了，看效果把：
因爲數據只有這些，所以看着有點單薄，後期數據多了就ok了。
這裏就不上代碼了，如果有需要，可以留言。