Visualisations de graphiques interactifs dans le site Web ASP.NET (Drag/Select/Link/Unlink)

Question

Nous avons besoin de créer un site Web (ASP.NET v4.0) qui affiche un graphique. Il devrait être en mesure de le faire:

• nœuds d'affichage (avec des noms et couleurs)
• Afficher les liens entre les nœuds, avec le texte sur le lien (par exemple '85% ')
• Interagir avec des noeuds/liens à glisser/déplacer/sélectionnez
• Layouts sur les nœuds de manière claire automatiquement
• pouvez ajouter/supprimer des nœuds (asynchrone) et le lien/unlink facilement
• interaction Javascript avec les événements (onClick, onDrag)
• Les événements doivent fournir l'identification des nœuds/liens sélectionnés (Javascript).
• Capacité de Zoom avant/arrière (idéalement)
• Mises à jour de façon asynchrone (plutôt que postbacks complet)
• réactif lors de l'affichage> 100 noeuds
• Flash est pas pris en charge
• soutenir IE6 MUST (juste ne pas demander ...!)
• développement est Visual studio 2010 sur Net Framework v4.0

Nous utilisions actuellement l'outil Syncfusion Schéma (v. 6.1.0.34) en cours d'exécution sur v2.0 , mais récemment mis à jour vers v4.0 et un changement de rupture dans la gestion de System.Web ViewState signifie que nous devons trouver une alternative. Son possible la dernière version (v8.3) est beaucoup mieux, mais nous sommes reclutant à débourser quelques milliers de livres pour les licences si c'est tout aussi mauvais.

Nous avons trouvé l'outil Syncfusion correct, mais il était très difficile de le coder (sans les hacks manuels) et il fonctionnait assez mal avec les grands graphiques quand il chargeait 200 images du serveur.

Vraiment à la recherche d'inspiration de vos gars. Toutes suggestions ou expériences partagées seraient très utiles.

Merci d'avance.

Answer 1

mxGraph est conçu pour ce type de fonctionnalité (avertissement - je travaille pour eux). Il supporte IE 6 et est entièrement écrit en JavaScript. Il est livré avec des classes de serveur backend .NET pour effectuer des communications avec le client JavaScript. Afin d'obtenir un comportement réactif avec plus de 100 nœuds sur IE 6, vous devez passer à l'utilisation d'une image côté serveur sur environ 50 à 60 nœuds, étant donné que IE 6 fonctionne très mal. Nous incluons un exemple pour montrer comment faire cela. Essayez-le, si vous avez besoin d'un support d'évaluation, il y a un forum pour cela.