advanced_graphview

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

Advanced Graphview 是一個 Flutter 套件，旨在簡化互動式樹狀圖、圖表和拓撲可視化的建立。透過最少的設定，開發者可以顯示網路拓撲、組織結構圖或相依性圖等複雜資料流程。此套件支援 Android、iOS、Web、macOS、Windows 和 Linux 多個平台，非常適合需要動態呈現互聯資料的跨平台應用。

適用情境

網路拓撲可視化
組織結構圖顯示
依賴關係流程圖
數據關係映射
系統架構的互動式使用者介面

主要特色

複雜佈局的簡單設定
對樹和圖結構的支援
跨平台相容性
可自訂的節點和邊樣式
互動式節點操作

適合對象

開發資料視覺化應用的開發者
建立系統架構儀表板的團隊
帶有流程圖的教育工具
需要動態圖表渲染的應用程式

使用建議

對於大型資料集，可能需要效能優化
有限的內建動畫功能
自定樣式需要熟悉 Flutter widget
不適用於即時協作編輯

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

Advanced Graphview enables user to create Tree, Graph, Topology Ui with simple Setup.

Features

Advanced Graphview can create Tree, Graph, Topology Ui with simple Setup..

Getting started

Add the package in pubspec.yaml and then use the widget AdvancedGraphview.

Usage

Widget exampleWidget(){
  TestGraphNode getExampleNode() {
    return TestGraphNode(
      id: '1',
      value: "Advanced Graphview",
      graphNodes: [
      ],
    );
  }
  
 return AdvancedGraphview(
    nodePadding: 50,
    nodeSize: 200,
    isDebug: false,
    graphNode: getExampleNode(),
    backgroundColor: Colors.black,
    pixelRatio: 10,
    onNodeTap: (graphNode) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text("Tap Event detected ${graphNode.id}"),
      ));
    },
    advancedGraphviewController: advancedGraphviewController,
    onDrawLine: (lineFrom, lineTwo) {
      return Paint()
        ..color = Colors.blue
        ..strokeWidth = 1;
    },
    builder: (GraphNode graphNode) {
      return Container(
        width: 200,
        height: 200,
        child: const Center(
          child: Text("Hello"),
        ),
      );
    },
  );
}

class TestGraphNode extends GraphNode {
  @override
  final String id;

  final String value;

  @override
  final List<GraphNode> graphNodes;
  TestGraphNode({
    required this.id,
    required this.graphNodes,
    required this.value,
  });
}

Additional information

For additional information contact us at nikhilishwar2@gmail.com or sharathkkotian@gmail.com. We welcome more contributors on this project.

搜尋套件、儲存庫與 APP 分類

安裝套件