datav 資料可視化是搭建每年天貓雙十一作戰大屏的幕後功臣，echarts 是廣受資料可視化從業者推崇的開源圖表庫。從今天開始，datav 企業版接入了 echarts 圖表元件，當你使用 datav 搭建可視化項目時，可以輕松地插入 echarts，這意味着更豐富多樣的圖表效果，也讓程式設計小白們可以通過圖形界面而非代碼配置 echarts。
datav 首批接入的 echarts 圖表總共有15種。囊括了關系、柱形、熱力圖、儀表盤等各種常用圖形。
比如大家都很熟悉的玫瑰圖，
還有月曆圖，
炫酷的關系圖，
以及...k 線圖，現在都可以在 datav 裡實作啦。有朋友問，你們為什麼放個 k 線圖進來？我當然不會告訴你是因為主力開發同學最近迷上炒股了啊。
接下來一起看看，加上了 echarts 元件的 datav 要怎麼玩。
首先，來做下準備工作。進入 datav 任意可視化項目的編輯面闆，點選上方菜單欄的“更多元件”按鈕，選中“echarts”圖示，再點選确認添加，即可成功導入。
接下來這些 echarts 圖表就會出現在元件清單裡面，使用方法和其他元件完全相同。
舉個栗子，我們給上市公司“山水莊園”的看闆上，加一張股價 k 線圖，通過點選—拖動—調整大小三步實作，是不是頓時顯得高大上。還能通過時間軸拖動和滑鼠 hover 實作簡單互動，這樣高小琴靠着一張圖就能掌控公司業務了。
我在開頭提到，datav 一大使用特點在于圖形化界面配置，這對不熟悉代碼、沒時間學習 echarts 文檔的使用者來說，絕對是福音。和原生元件一樣，使用者在使用的時候，在右側面闆中，可以完成對樣式和資料源的配置。
比方說我們想修改這個漏鬥圖，先點選右側控制台的“資料”，選擇接入的資料源，datav 支援接入 json、csv、資料庫、api 等多種類型，完成資料上傳并比對字段後，再點選“樣式”按鈕，切換到樣式編輯器，在這裡調整圖表顔色、字型、排列順序、圖例等元素即可。
經過封裝後，原 echarts 圖表的配置項，在“樣式”面闆裡全部保留，使用者通過簡單的下拉菜單和填寫數字就能修改配置，所見即所得，學習成本大大降低。
講完基礎使用方法後，再來看看老司機們怎麼玩。其實 datav 原生圖表庫本身在樣式和功能上都不錯，和 echarts 圖表結合能做出不少特效。例如将時間軸和 echarts 熱力圖結合，利用元件間的回調id功能，就能得到動态熱力圖啦。
以上洋洋灑灑介紹了這麼多，相信大家都學會了，如果喜歡的話趕緊去 datav 裡試試吧。不過上面這些都不是我真正想說的，作為一個資深腐女，其實我眼中隻看到了一對耀眼的，可視化當紅 cp。