国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Vue中使用antv g6

IT那活兒 / 1281人閱讀
Vue中使用antv g6

點擊上方“IT那活兒”公眾號,關注后了解更多內容,不管IT什么活兒,干就完了?。。?/strong>


g6是什么

G6 是一個圖可視化引擎。
它提供了圖的繪制、布局、分析、交互、動畫等圖可視化的基礎能力。

安裝與引入

在項目目錄下執行npm install --save @antv/g6;

vue文件中引入import G6 from @antv/g6。


快速使用

步驟1:我們需要創建用于容納 G6 繪制的圖的容器,div標簽,g6在繪制時會在容器內追加canvas標簽,將圖繪制在里面。
步驟2:數據準備,g6數據源是一個json對象,對象中有節點nodes,邊edges字段,我們可以對節點,邊進行屬性配置,比如節點名稱,大小,顏色等,邊就是起始點到目標點之間的連線,也可以配置其名稱,顏色等。
步驟3:實例化全圖,創建關系圖(實例化)是需要為圖設置容器,寬和高。
除了在節點,邊數據源上進行屬性配置外,還可以在實例化全圖時進行全局配置,對所有節點,邊統一配置,節點統一配置在defaultNode對象,邊defaultEdge對象,在modes對象里設置畫布的拖拽,縮放,節點拖拽。
步驟4:配置數據源,渲染。
注:關系圖渲染要在mounted里。


本文作者:朱 維(上海新炬王翦團隊)

本文來源:“IT那活兒”公眾號

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/129195.html

相關文章

  • antV G6流程圖在Vue使用

    原文首發于我的博客,歡迎點擊查看獲得更好的閱讀體驗~ 更新內容 最新版本 請關注G6官方的github倉庫https://github.com/antvis/g6 2.x版本后,可以通過npm install直接安裝使用了 相關資源下載 antV G6( v1.2.8) 字體圖標 最近我司項目中需要加入流程圖制作功能,于是乎百度各種找可視化繪制拓撲圖的輪子,大部分都是國外的,看...

    cnio 評論0 收藏0
  • antV G6流程圖在Vue使用

    原文首發于我的博客,歡迎點擊查看獲得更好的閱讀體驗~ 更新內容 最新版本 請關注G6官方的github倉庫https://github.com/antvis/g6 2.x版本后,可以通過npm install直接安裝使用了 相關資源下載 antV G6( v1.2.8) 字體圖標 最近我司項目中需要加入流程圖制作功能,于是乎百度各種找可視化繪制拓撲圖的輪子,大部分都是國外的,看...

    張憲坤 評論0 收藏0
  • G6 2.0 開源發布 -- 裂變·聚變

    摘要:從年月,立項至今,已經過去了年半的時間。期間獲得過贊譽,也有吐槽,取得一定成就,也暴露過不少問題。這次,我們很高興的告訴大家,今天除了開源,還會開放取得了階段性成果的詳見鏈接。與產品深度融合為了避免和成為工程師閉門造車的產物。 showImg(https://segmentfault.com/img/remote/1460000015199265?w=1500&h=756); G6 是...

    ThinkSNS 評論0 收藏0
  • G6文檔

    這個項目采用的是G6(阿里開源),由于現在已經沒有維護了,導致很多的配置,參數,方法示例demo等都是自己摸索的,大概介紹下本案例中使用到的以及一些后續維護可能會用到的。 Editor 該類是整個編輯器的主控類,其主要職責是將編輯器的各個組件協同起來。 //實例化: import G6Editor from @antv/g6-editor const editor = new G6Editor()...

    venmos 評論0 收藏0
  • G6的插件系統

    摘要:的插件系統做的相當完善可惜文檔沒有具體說到這里整理一下的插件插件大致分為四種類型行為可以理解為事件處理的插件就是和的樣式同樣是插件插件的布局之類這部分涉及的算法比較多插件就是自定義工具函數將其內置中這四種插件都有各自的寫法以及但是文檔中沒有 G6的插件系統做的相當完善, 可惜文檔沒有具體說到. 這里整理一下g6的插件. 插件大致分為四種類型: behaviour 行為, 可以理解為事...

    Ilikewhite 評論0 收藏0
  • [BizCharts學習筆記] --- 數據可視化

    摘要:所以筆者選擇了,為什么會選擇一是因為它是阿里出品,經歷了一年左右的打磨已經完全適應在使用其次是它支持自由定制,不會像那樣高度封裝,所以在開發復雜圖表的時候會更加得心應手。只是阿里圖表庫中的一員。 實際上,在數據可視化這一塊筆者并沒有很多的開發經歷和經驗,不過正是因為這個問題筆者才決定學習一門數據可視化框架來彌補自己在這一方面的不足。在這個大數據統治的時代,數據能給我們提供前所未有的便捷...

    CoffeX 評論0 收藏0

發表評論

0條評論

IT那活兒

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<