Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

Pages : 1

#1 Le 09/02/2014, à 16:51

mickey74

[Résolu] Utilisation de Sigma.js

Bonjour, étant débutant en informatique, j'ai quelques difficultées pour utiliser la librairie javascript sigma.js.

En effet je l'ai téléchargé sur le site sigmajs.org et je ne sais pas comment je peux utiliser cette librairie.

Je vous remercie d'avance pour votre aide.

Dernière modification par mickey74 (Le 10/02/2014, à 23:03)

Hors ligne

#2 Le 09/02/2014, à 21:50

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Salut,

Les explications sur le site que tu indiques me semblent plutôt claires...

Peux-tu dire ce que tu n'y comprends pas ?

Sébastien Maccagnoni - https://www.maccagnoni.eu - https://www.domotego.com

Hors ligne

#3 Le 09/02/2014, à 22:12

mickey74

Re : [Résolu] Utilisation de Sigma.js

Mon problème c'est qu'une fois que j'ai téléchargé la bibliothèque, comment je fais pour l'utiliser.
Parceque dans l'archive, il y a plein de dossiers différents et je ne sais pas ce que je dois en faire.

Hors ligne

#4 Le 09/02/2014, à 22:28

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Tu dois mettre le contenu de l'archive dans un sous-répertoire de ton site web et les utiliser comme c'est indiqué dans la page dont tu as donné le lien...

Sébastien Maccagnoni - https://www.maccagnoni.eu - https://www.domotego.com

Hors ligne

#5 Le 09/02/2014, à 23:18

mickey74

Re : [Résolu] Utilisation de Sigma.js

Je comprend mais dans le code que j'ai trouvé sur le site sigmajs.org ci-dessous

<html>
<head>
<style type="text/css">
  #container {
    max-width: 400px;
    height: 400px;
    margin: auto;
  }
</style>
</head>
<body>
<div id="container"></div>
<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>
<script>
  sigma.parsers.json('data.json', {
    container: 'container',
    settings: {
      defaultNodeColor: '#ec5148'
    }
  });
</script>
</body>
</html>

Je ne vois pas dans l'archive sigma où se trouvent sigma.min.js.
Quand j'essaye de lancer ma page html, en ayant mis le répertoire de l'archive dans le même répertoire que la page html et que la page json, la page html ne fonctionne pas.

Voila mon problème.

Hors ligne

#6 Le 09/02/2014, à 23:25

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Ah, voilà une question plus précise !

Dans toute l'archive  il n'y a aucun fichier portant ce nom ?

Sébastien Maccagnoni - https://www.maccagnoni.eu - https://www.domotego.com

Hors ligne

#7 Le 10/02/2014, à 10:47

mickey74

Re : [Résolu] Utilisation de Sigma.js

Non, et c'est ça en fait mon problème donc si vous savez la solution je suis tout à vous.

Hors ligne

#8 Le 10/02/2014, à 11:03

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Quel fichier as-tu téléchargé ?
Sur la page de téléchargement, il y a
- la release (bouton vert), fichier nommé release-v1.0.0.zip, qui contient bien ce fichier ainsi que ses plugins
- le code source, fichier nommé sigma.js-1.0.0.zip ou sigma.js-1.0.0.tar.gz, qui contient tout ce qu'il te faut pour modifier ça et recréer ce fichier

Il va sans dire que ce qu'il te faut, c'est la release finalisée, pas le code source d'origine.
Tu as probablement téléchargé le second...

Sébastien Maccagnoni - https://www.maccagnoni.eu - https://www.domotego.com

Hors ligne

#9 Le 10/02/2014, à 18:29

mickey74

Re : [Résolu] Utilisation de Sigma.js

Effectivement merci, j'ai donc téléchargé le bon fichier.
Cependant, mon code html ne fonctionne toujours pas, donc j'ai mis ci-dessous mon code html et json.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<style type="text/css">
  #container {
    max-width: 400px;
    height: 400px;
    margin: auto;
  }
</style>
</head>
<body>
<div id="container"></div>
<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>
<script>
  sigma.parsers.json('essaiGrapheProjet1.json', {
    container: 'container',
    settings: {
      defaultNodeColor: '#blue'
    }
  });
</script>
</body>
</html>

Json:

{
  "noeuds": [
    {
      "id": "n0",
      "label": "A",
      "x": 0,
      "y": 0,
      "size": 3
    },
    {
      "id": "n1",
      "label": "B",
      "x": 3,
      "y": 1,
      "size": 2
    },
    {
      "id": "n2",
      "label": "C",
      "x": 1,
      "y": 3,
      "size": 1
    }
  ],
  "liens": [
    {
      "id": "l0",
      "source": "n0",
      "target": "n1"
    },
    {
      "id": "l1",
      "source": "n1",
      "target": "n2"
    },
    {
      "id": "l2",
      "source": "n2",
      "target": "n0"
    }
  ]
}

Merci

Hors ligne

#10 Le 10/02/2014, à 20:13

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Dans le json, pourquoi as-tu traduit "nodes" en "noeuds" ?
Ça vient peut-être de là.

Dans tous les cas, quand quelque chose ne fonctionne pas en Javascript, il faut prendre l'habitude d'utiliser la console (F12)...

Dernière modification par tiramiseb (Le 10/02/2014, à 20:14)

Sébastien Maccagnoni - https://www.maccagnoni.eu - https://www.domotego.com

Hors ligne

#11 Le 10/02/2014, à 22:57

mickey74

Re : [Résolu] Utilisation de Sigma.js

En erreur ça me met :

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied sigma.parsers.json.min.js:

Pourtant j'ai bien mis le fichier sigma.parsers.json.min.js dans le même répertoire que la page html.

Dernière modification par mickey74 (Le 10/02/2014, à 22:58)

Hors ligne

#12 Le 10/02/2014, à 23:01

mickey74

Re : [Résolu] Utilisation de Sigma.js

ça marche alors que j'ai rien changé. Je ne sais pas pourquoi en tout cas merci pour ton aide précieuse tiramiseb.

Hors ligne

Pages : 1