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

資訊專欄INFORMATION COLUMN

Vue中使用antv g6

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

點擊上方“IT那活兒”公眾號,關(guān)注后了解更多內(nèi)容,不管IT什么活兒,干就完了!!!


g6是什么

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

安裝與引入

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

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


快速使用

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


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

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

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/129195.html

相關(guān)文章

  • antV G6流程圖在Vue使用

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

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

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

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

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

    ThinkSNS 評論0 收藏0
  • G6文檔

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

    venmos 評論0 收藏0
  • G6的插件系統(tǒng)

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

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

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

    CoffeX 評論0 收藏0

發(fā)表評論

0條評論

IT那活兒

|高級講師

TA的文章

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