Comment dessiner des tableaux et des graphiques à l'aide de la bibliothèque GoJS HTML5 Canvas ?

GoJS est une bibliothèque JavaScript que vous pouvez utiliser pour implémenter des graphiques interactifs. Cette page vous montrera les bases de l'utilisation de GoJS. Si vous souhaitez ajouter des tableaux et des graphiques, utilisez cette bibliothèque open source.

GoJS a une architecture de vue de modèle dans laquelle les modèles contiennent des tableaux d'objets JavaScript qui décrivent les nœuds et les liens. Pour visualiser ces données à l'aide d'objets Node et Link réels, le graphique agit comme une vue.

Construire un graphique avec GoJS crée un élément HTML5 Canvas à placer à l'intérieur d'un élément DIV donné.

Comment dessiner un graphique

Pour commencer à utiliser GoJS, vous devez déclarer la bibliothèque dans votre document HTML. De cette façon, vous devez également charger la bibliothèque. Chargez la bibliothèque GoJS go.js.

Pour ajouter, créez un lien vers la bibliothèque GoJS, que vous pouvez obtenir auprès de CDNJS. Alternativement, vous pouvez télécharger la bibliothèque GoJS si nécessaire.

Voici comment l'ajouter à l'aide de CDNJS -

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>

REMARQUE : Chargez go-debug.js pendant le développement pour la vérification des erreurs d'exécution. Lors du déploiement, sélectionnez "go.js".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!