> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.scorp-io.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Graphique

La suite du paramétrage de la création ou l'édition d'un modèle objet se fait de la partie **"Graphiques"**. On accède dans l'édition d'un modèle objet puis en cliquant 3 fois sur "Suivant".

Voici la marche à suivre, en éditant le modèle objet "Pompe" et en cliquant 3 fois sur "Suivant" :

![](https://storage.crisp.chat/users/helpdesk/website/-/b/d/d/2/bdd20c8f7273d800/cc3aca84-8fac-45cc-94c9-aed9f4_5w0qre.png)

Onglet "Modèles objets"

![](https://storage.crisp.chat/users/helpdesk/website/-/d/e/e/8/dee80cd7129fd000/d9fdbc67-efd3-471f-a797-93e11d_45qaz6.png)

Edition du modèle objet "Pompe"

![](https://storage.crisp.chat/users/helpdesk/website/-/e/b/9/7/eb973b3f98cd9800/f463b316-2989-4305-ab2b-5e78c7_y8f1am.png)

Onglet "I/O"

![](https://storage.crisp.chat/users/helpdesk/website/-/1/2/4/3/12434decdb55a500/a69f4144-5588-4123-8e2f-a6bd3c_10xop9l.png)

Onglet "Attributs"

![](https://storage.crisp.chat/users/helpdesk/website/-/3/5/4/d/354d69bc61de4400/7abe3c22-c7c4-4944-83e6-180329_bz69gl.png)

Onglet "Graphiques"

Dans le modèle objet pompe, on peut voir que plusieurs graphiques ont été créés.

**Pour créé un graphique :**

![](https://storage.crisp.chat/users/helpdesk/website/-/9/8/d/a/98da7ec0cb65e800/071bbf71-0122-4110-91c3-e30c83_1r0jlep.png)

Bandeau de création d'un graphique

Dans le bandeau "Graphiques" **entrée un nom dans "Libellé du Graphique" puis cliquer sur le "+".**

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/8/0/6f80d1a930e88c00/77362ce4-30f1-4342-9030-f431f4_1airwkp.png)

Liste des graphiques

Le Graphique "TEST" s'affiche dans la liste des graphiques. Maintenant, cliquer sur le crayon pour éditer celui-ci.

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FGLhCnvn5qjjjKA7VRqzz%252Fedition%2520graphique.PNG%3Falt%3Dmedia%26token%3D32ba0573-05d1-4aad-8195-f81db70afa4f&width=768&dpr=3&quality=100&sign=59ba2c09&sv=2)

Page d'édition d'un graphique

Le bandeau à droite de la page permet de régler différents paramètres tels que le titre, la taille de la page, la couleur de fond etc.

Changer la **couleur de fond** (en blanc par défaut) dans une couleur sombre pour que le design de vos éléments soient adaptés au thème de votre application (dark ou light mode). **Pour cela sélectionner la couleur de fond adapté depuis le bandeau de droite, en bas de l'onglet propriétés.**

Pour ajouter un élément, **cliquer sur le bouton "Librairie"** en haut à gauche :

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252Fsiup8kD0U2HtTYkDAfgF%252Flibrairies.PNG%3Falt%3Dmedia%26token%3Ddec9f5cf-861b-4095-a919-d71099fcb649&width=768&dpr=3&quality=100&sign=1bd1ec15&sv=2)

Librairies

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252F7rwm0XgGNV2GWFOS0nTg%252FChoix%2520element%2520librairie.PNG%3Falt%3Dmedia%26token%3Dc3a6a5a4-463a-4689-9515-eff9d1118067&width=768&dpr=3&quality=100&sign=9b2a5ed5&sv=2)

Choix d'un élément dans la librairie

**Choisissez l'élément de votre choix dans la librairie en le sélectionnant puis cliquer sur "Confirmer"**

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252F4sMxiOiItm8VjSlZv9re%252Fvalidation%2520choix.PNG%3Falt%3Dmedia%26token%3D9a256831-0ef5-4aa9-91cf-b333775dc141&width=768&dpr=3&quality=100&sign=cac9b717&sv=2)

Ajout d'un élément depuis la librairie dans un graphique

L'élément choisit apparaitra de cette façon sur la page d'édition du graphique.

Enfin, **pour quitter la page d'édition, cliquer sur "sauvegarder" puis sélectionner "Ajuster à la taille du contenu" et enfin "Confirmer.**

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252Fqsn8mtDhdVrMCOaekRUM%252FClic%2520sur%2520svg.PNG%3Falt%3Dmedia%26token%3D1859116d-9086-4cb8-a85b-3533a929caf9&width=768&dpr=3&quality=100&sign=47f88991&sv=2)

Sauvegarde

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FlyNOsX0Cxn4x7pDaNZbS%252Fclic%2520sur%2520conf.PNG%3Falt%3Dmedia%26token%3Dacea515b-4680-4b39-8fda-5e410612d75b&width=768&dpr=3&quality=100&sign=5f795880&sv=2)

Résultat