Un projet flottant qui peut afficher une belle structure de données graphique

Posté Par: Windows2022tutosur: janvier 21, 2023Dans: afficher, belle, flottant, peut, projet, qui, Tech, unePas De Commentaires

Imprimer E-mail

Widgets pour de belles structures de données graphiques, telles que des diagrammes orientés force.

Caractéristiques

TOUS:

Convertisseur de données : convertissez les données de l’entreprise en données de vue graphique.
Algorithme : calcule la disposition des sommets.
- Algorithme dirigé par la force.
- Algorithme aléatoire (dans le dossier d’exemple).
Intégration du panneau de données.
Configuration des styles.
Plus d’interactions graphiques.

Commencer

flutter pub add flutter_graph_view

Usage

// Copyright (c) 2023- All flutter_graph_view authors. All rights reserved.
//
// This source code is licensed under Apache 2.0 License.

import 'dart:math';

import 'package:flutter/material.dart';
import 'package:flutter_graph_view/flutter_graph_view.dart';

void main() {
  var vertexes = <Map>{};
  var r = Random();
  for (var i = ; i < 200; i++) {
    vertexes.add({'id': 'node$i', 'tag': 'tag${r.nextInt(9)}'});
  }
  var edges = <Map>{};

  for (var i = ; i < 100; i++) {
    edges.add({
      'srcId': 'node${(i % 10) + 60}',
      'dstId': 'node${i % 3 + 1}',
      'edgeName': 'edge${r.nextInt(3)}',
      'ranking': r.nextInt(DateTime.now().millisecond),
    });
  }

  var data = {
    'vertexes': vertexes,
    'edges': edges,
  };

  runApp(MaterialApp(
    home: FlutterGraphWidget(
      data: data,
      algorithm: ForceDirected(),
      convertor: MapConvertor(),
    ),
  ));
}