Connexion de diagrammes Lucidchart aux données d'une feuille de calcul

Notre fonctionnalité de connexion de données vous permet d'associer des diagrammes Lucidchart à des données en ligne dans Google Sheets. Les données des formes sont automatiquement mises à jour à mesure que des modifications sont apportées dans Google Sheets, ce qui vous permet de visualiser vos processus en temps réel.

Cette fonctionnalité est disponible uniquement pour les comptes Pro, Équipe et Entreprise. Pour passer à un niveau supérieur, consultez notre page Tarification ou contactez notre équipe commerciale.

  1. Within a Lucidchart document, click "File" in the top left corner of your screen, and select "Import Data."

    file_import_data.png

    You can also click on the database icon in the Dock on the right side of your screen, and then on the blue "Link Data" button that appears on the bottom.

    Screen_Shot_2017-07-07_at_3.44.02_PM.png

    The following window should appear at the bottom of your screen:

    Screen_Shot_2017-07-06_at_2.35.22_PM.png
  2. If you have not already given Lucidchart permission to access your Google Sheets documents, a window will pop up asking you to do so. Click "Authenticate" and then "Allow" in the following window.

    fenêtre contextuelle
  3. Une fenêtre vous demandera le type de feuille de calcul que vous souhaitez importer. Sélectionnez Google Sheets et cliquez sur Importer. Vous pouvez aussi déterminer si vous voulez que la ligne 1 de votre feuille soit votre ligne d'en-tête ou une ligne de données en cochant ou en décochant la case au bas de la fenêtre.

    what_kind_of_spreadsheet_do_you_want_to_import_.png

    Remarque : vous avez également la possibilité d'importer un fichier .csv et de le connecter à votre diagramme, mais ces données ne seront pas dynamiques.
  4. Select the Google Sheet that you would like to link to your Lucidchart document.

    pick_which_sheet_to_link.png
  5. Select which tab of your selected document you want to link and click "Import."

    select_the_tab_of_the_sheet_to_import.png
Vos données sont désormais connectées à Lucidchart ! Les données que vous avez importées apparaîtront dans le coin inférieur droit de votre écran.

Remarque : votre ensemble de données Lucidchart se mettra régulièrement à jour pour afficher les modifications apportées dans Google Sheets. Si vous ne voyez pas immédiatement les modifications, cliquez sur ce bouton pour synchroniser le document.Screen_Shot_2017-01-18_at_2.00.05_PM.png

To manage your data sets, click on the upside-down triangle next to the name of your active linked sheet and a list of all of your linked sheets will appear.

Screen_Shot_2017-07-07_at_3.53.49_PM.png

Screen_Shot_2017-07-07_at_3.53.57_PM.png

Vous pouvez facilement connecter une nouvelle feuille à votre document en cliquant sur le bouton + Ensemble de données.

If you want to manage a data set that is already linked, right-click on the sheet’s name or click on the three dots that appear when you hover over it. A window will pop up inviting you to refresh, replace, or delete the data set. If you replace your data set with another one, your shape and page data will automatically update with the data from the new sheet.

Screen_Shot_2017-07-07_at_3.54.08_PM.png

Maintenant que votre ensemble de données est connecté à votre document, vous pouvez affecter des parties de celui-ci aux formes de Lucidchart. Trois options s'offrent à vous.

Option 1

  1. Faites glisser une nouvelle forme sur la zone de travail OU sélectionnez la forme existante à laquelle vous souhaitez affecter des données.
  2. Drag a row or cell from your data set onto the shape OR onto the shape data panel, which will appear above your sheet data when a shape is selected. The dragged data will automatically be assigned to the shape.

    drag_sheet_data_onto_shape_or_into_panel.gif

Option 2

  1. Faites glisser une ligne ou une cellule de votre ensemble de données et déposez la forme de remplissage n’importe où sur votre zone de travail.
  2. Lorsque vous relâchez le curseur, un menu déroulant s’affiche, vous permettant de choisir entre « Standard », « Organigramme » ou « Formes ». Sélectionnez une forme pour que les données s'affichent à l’intérieur.

    drag_data_onto_canvas.gif

    Remarque : les crochets bleus qui encadrent le texte lorsque vous survolez une forme signifient que cette dernière contient des données dynamiques.

Option 3

  1. Sélectionnez la forme à laquelle vous souhaitez attribuer les données.
  2. Cliquez sur le bouton « + » en haut à droite de votre panneau de données de forme pour ajouter un nouveau champ de données de forme.
  3. Dans la colonne Intitulé, saisissez un titre pour le champ.
  4. In the "Value" column, link the field to a cell in your data set by typing "=" and then the reference to the cell, e.g. "A2" or "B4." Hit your "Enter" key and the reference will be replaced by the value from the referenced cell.

    manually_adding_a_reference.gif

Vos données devraient désormais être connectées à votre forme ! Vous saurez que l'opération a réussi si les données apparaissent dans le panneau de données de forme lorsque vous sélectionnez la forme.

After assigning data to a shape, you can save the linked shape to your custom shape library by right-clicking on the shape and then selecting "Add to Custom Shape Library" from the menu that appears. If you have more than one saved library, you can go on to select which one to add your shape to.

Screen_Shot_2017-07-06_at_2.59.43_PM.png

You can also assign data to an entire page of your document. To do so, select a row or cell and drag it up to the data panel.

assign_page_data.gif

Remarque : si vous créez une page dans votre document, les données ne lui seront pas attribuées, sauf si vous répétez ce processus.

Une fois que vous aurez attribué des données à une forme, vous pourrez appeler les données —ce qui les fera apparaître dans votre forme — en utilisant la commande {{this.Label}}. Par exemple, si je veux appeler l'information contenue dans la cellule A6 de mon ensemble de données, il me suffit de saisir {{this.Creature}} dans la forme.

While {{this.Label}} returns the value associated with a label, {{this.Label.label}} returns the label. So while {{this.Creature}} returns "Wildcat," {{this.Creature.label}} returns "Creature."

data_wildcat_row.png call_data_not_yet_changed.png creature_wildcat.png

Pour appeler des données qui sont attribuées à une page de votre document, utilisez les commandes {{page.Label}} ou {{page.Label.label}}. Vous pouvez saisir ces intitulés n’importe où sur votre page pour faire référence aux données de page, y compris dans les zones de texte et les formes.

You can also insert a label or value as text into a selected shape by clicking the "+T" icon that appears next to a label or value when you hover over it in your shape data panel. If you click on this icon when a shape is not selected, a new text box with the corresponding text will appear on your canvas.

add_text_to_shape_or_to_canvas.gif

Remarque : comme précédemment évoqué, les crochets bleus qui encadrent le texte lorsque vous survolez une forme signifient que cette dernière contient des données dynamiques.

To edit the label or value of data in your data panel, simply click on the text and type over it.

edit_shape_data_text.png

To add a new field or delete or move an existing one, right-click on a label or value or click on the three dots that appear when you hover over it. Select your desired action from the window that appears.

shape_data_options__Top_.png

If you try to add data to a shape or page that already has data with the same label names, a dialogue will appear on your screen asking whether you want to replace the existing data with the new data or keep both sets of data assigned to the shape or page. If you choose the latter option, the label names of the new data will each be appended with a “2.”

keep_or_replace.png

If you add fill color to a cell, column, or row of data in your linked Google Sheet, the color will automatically display in your Lucidchart data set as well as in the data panel. If you do not see the color right away, click the refresh button to sync.Screen_Shot_2017-01-18_at_2.00.05_PM.png

Screen_Shot_2017-07-06_at_3.47.06_PM.png

Screen_Shot_2017-07-06_at_3.47.21_PM.png

To display the fill color associated with a piece of your data on the canvas, click on the three dots that appear when you hover over a label or value box in the data panel. Scroll to the bottom of the drop-down menu that appears, and click on "Apply Imported Fill Color." Your fill color should appear on the selected shape, or on the background of your canvas if you are working with page data.

add_color_to_shape.gif

Lorsque vous partagez un diagramme lié avec d’autres utilisateurs de Lucidchart, ces utilisateurs ont accès à la feuille de données connectée. Vous pouvez les empêcher d'y accéder en supprimant la feuille connectée de votre document avant de procéder au partage. Pour ce faire, suivez les étapes ci-dessus, sous la rubrique « Gérer les feuilles connectées ». En procédant ainsi, les valeurs de vos données et le texte inséré seront préservés.

To export your linked data as a CSV file, go to “File” and then click “Download As.”

file_download_as.png

In the pop-up window that appears, select “CSV of Shape Data” as your format, and then hit “Download.” The exported data will include shape name, shape library, text fields, and data.

download_CSV.png

Une fois vos données connectées à votre diagramme, suivez les étapes ci-dessous pour créer des graphiques à partir de ces données.

  1. Open the data panel and click on the graph icon.

    graph_icon.png
  2. In the window that pops up, provide a title for your graph and then select your desired graph type. We currently offer line graphs and vertical bar graphs (column graphs).

    customize_graph_info.png
  3. Dans la section Plage de valeurs, entrez la plage dans laquelle s’affichent vos données. Par exemple, si vous disposez des données ci-dessous et souhaitez créer un graphique en barres indiquant la demande pour chaque magasin, vous devez entrer la plage B2:C4.

    example_data_sheet.png

    Ensuite, cliquez sur Suivant.
  4. Dans la boîte de dialogue suivante, vous devez choisir les colonnes ou les lignes sur lesquelles afficher les intitulés des axes x et y. Dans l'exemple ci-dessous, pour afficher le nom des magasins sur l'axe x, vous devez choisir la colonne A pour les intitulés de l'axe x. Si vous souhaitez afficher « A » et « B » comme intitulés de l'axe y/intitulés de légende pour chaque barre, vous devez choisir la ligne 1.

    choose_labels_for_your_graph.png

    Ajoutez des sous-titres à vos axes (facultatif) et cliquez sur Suivant.
  5. Pour finir, une boîte de dialogue vous invite à ajuster l'échelle des axes et/ou le jeu de couleurs.

    add_scale_and_color_to_your_graph.png

    Pour votre axe y, nous choisirons automatiquement l'échelle correspondant le mieux à vos données. Si toutefois, vous préférez utiliser une échelle en particulier (disons de 0 à 100), vous pouvez l'entrer ici.

    Vous avez le choix entre trois jeux de couleurs :

    graph_color_options.png

    Une fois choisi le jeu de couleurs pour vos barres/lignes, vous pouvez choisir la couleur principale. Il s'agit de la couleur de la première ligne ou barre de votre graphique.

  6. Cliquez sur Terminer pour que nous créions votre graphique !

    Ce graphique a les même propriétés que toute autre forme Lucidchart. Vous pouvez le faire pivoter, changer la couleur de son arrière-plan, ajuster sa transparence, etc. De plus, toute modification apportée à vos données connectées est automatiquement affichée dans le graphique !