95 lines
11 KiB
HTML
95 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Insérer des graphiques</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Ajouter des graphiques à votre document et régler leur position, leur dimension et leurs propriétés" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<h1>Insérer des graphiques</h1>
|
|
<p>Pour insérer un graphique dans votre document,</p>
|
|
<ol>
|
|
<li>placez le curseur là où vous souhaitez ajouter un graphique,</li>
|
|
<li>cliquez sur l'icône de la barre d'outils supérieure <b>Insérer un graphique</b> <img alt="Insérer un graphique" src="../images/insertchart.png" />,</li>
|
|
<li>sélectionnez le type de graphique nécessaire parmi ceux qui sont disponibles - colonne, ligne, secteurs, barres, aires, graphique en points , boursier - et sélectionnez son style,</li>
|
|
<li>après une fenêtre <b>Éditeur de graphique</b> s'ouvre où vous pouvez entrer les données nécessaires dans les cellules en utilisant les commandes suivantes :
|
|
<ul>
|
|
<li><img alt="Copier" src="../images/copy.png" /> et <img alt="Coller" src="../images/paste.png" /> pour copier et coller les données copiées</li>
|
|
<li><img alt="Annuler" src="../images/undo.png" /> et <img alt="Rétablir" src="../images/redo.png" /> pour annuler et rétablir les actions</li>
|
|
<li><img alt="Insérer fonction" src="../images/insertfunction.png" /> pour insérer une fonction</li>
|
|
<li><img alt="Réduire les décimales" src="../images/decreasedec.png" /> et <img alt="Ajouter une décimale" src="../images/increasedec.png" /> pour diminuer et augmenter les décimales</li>
|
|
<li><img alt="Format de numéro" src="../images/numberformat.png" /> pour changer le format de numéro, c'est à dire la façon d'afficher les chiffres dans les cellules</li>
|
|
</ul>
|
|
<p><img alt="Éditeur de graphique" src="../images/charteditor.png" /></p>
|
|
</li>
|
|
<li>modifiez les paramètres du graphique en cliquant sur le bouton <b>Modifier graphique</b> situé dans la fenêtre <b>Éditeur de graphique</b>. La fenêtre <b>Paramètres du graphique</b> s'ouvre. L'onglet <b>Type de graphique, style, plage de données</b> vous permet de modifier les paramètres suivants :
|
|
<p><img alt="Paramètres du graphique" src="../images/chartsettings.png" /></p>
|
|
<ul>
|
|
<li><b>Type et style graphique</b> - sélectionnez un type de graphique que vous souhaitez insérer : colonne, ligne, secteurs, barres, aires, graphique en points, boursier et son style.</li>
|
|
<li><b>Plage de données</b> - vérifiez la plage de cellules sélectionnée, la modifier si nécessaire et choisir façon d'organiser les données. Vous pouvez aussi sélectionner <b>Série en ligne</b> ou <b>Série en colonne</b> à utiliser sur l'axe X.</li>
|
|
</ul>
|
|
<p><img alt="Paramètres du graphique" src="../images/chartsettings2.png" /></p>
|
|
<p>L'onglet <b>Éléments de graphique, légende de graphique</b> vous permet de modifier les paramètres suivants :</p>
|
|
<ul>
|
|
<li><b>Eléments de graphique</b> - spécifiez <b>Titre du graphique</b> et les éléments à afficher : <b>Valeurs</b>, <b>Bordures</b>, <b>Axes</b> et <b>Quadrillage</b> aussi bien que modifier les titres des axes dans les champs correspondants.</li>
|
|
<li><b>Légende de graphique</b> - spécifiez si vous souhaitez afficher une légende pour votre graphique ou non. Si vous souhaitez que la légende sera affichée, laissez la case appropriée cochée et spécifiez la position de la légende relative au graphique en sélectionnant l'option nécessaire depuis la liste déroulante : bas, haut, droit, gauche.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<hr />
|
|
<p><img class="floatleft" alt="Graphique" src="../images/moving_chart.png" />Quand le graphique est ajouté, vous pouvez changer sa taille et position. Pour changer la taille du graphique, faites glisser les petits carreaux <img alt="icône Carré" src="../images/resize_square.png" /> situés sur les bords. Pour garder les proportions du graphique sélectionné lors du redimensionnement, maintenez la touche <b>Maj</b> enfoncée et faites glisser l'une des icônes de coin.</p>
|
|
<p>Pour modifier la position du graphique, utilisez l'icône <img alt="Flèche" src="../images/arrow.png" /> qui apparaît si vous placez le curseur de la souris sur le graphique. Faites glisser le graphique à la position nécessaire sans relâcher le bouton de la souris.</p>
|
|
<hr />
|
|
<p><img class="floatleft" alt="Paramètres du graphique" src="../images/right_chart.png" />Certains paramètres du graphique peuvent être modifiés dans l'onglet <b>Paramètres du graphique</b> de la barre latérale droite. Pour l'activer, cliquez sur le graphique et sélectionnez l'icône <b>Paramètres du graphique</b> <img alt="Paramètres du graphique" src="../images/chart_settings_icon.png" /> à droite. Vous y pouvez modifier les paramètres suivants :</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Taille</b> sert à afficher la <b>Largeur</b> et la <b>Hauteur</b> actuelles du graphique.</li>
|
|
<li><b>Style d'habillage</b> sert à sélectionner un des styles d'habillage - aligné sur le texte, carré, rapproché, au travers, haut et bas, devant le texte, derrière le texte (pour en savoir plus, consultez la section des paramètres avancés ci-dessous).</li>
|
|
<li><b>Modifier le type de graphique</b> sert à changer le type du graphique et/ou son style.</li>
|
|
<li><b>Modifier les données</b> sert à ouvrir la fenêtre 'Éditeur de graphique'.</li>
|
|
</ul>
|
|
<p>Certains paramètres peuvent être également modifiés à l'aide du menu contextuel. Les options du menu sont les suivantes :</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Organiser</b> sert à placer le graphique sélectionné au premier plan, envoyer à fond, avancer ou reculer ainsi que grouper ou dégrouper des graphiques pour effectuer des opérations avec plusieurs graphiques à la fois.</li>
|
|
<li><b>Aligner</b> sert à aligner le texte à gauche, au centre, à droite, en haut, au milieu, en bas.</li>
|
|
<li><b>Style d'habillage</b> sert à sélectionner un des styles d'habillage - aligné sur le texte, carré, rapproché, au travers, haut et bas, devant le texte, derrière le texte - ou modifier le contour de l'habillage. L'option <b>Modifier les limites du renvoi à la ligne</b> n'est pas disponible pour les graphiques.</li>
|
|
<li><b>Modifier les données</b> sert à ouvrir la fenêtre 'Éditeur de graphique'.</li>
|
|
<li><b>Paramètres avancés</b> sert à ouvrir la fenêtre 'Graphique - Paramètres avancés'.</li>
|
|
</ul>
|
|
<hr />
|
|
<p>Pour modifier les paramètres avancés du graphique, cliquez sur le graphique nécessaire avec le bouton droit de la souris et sélectionnez <b>Paramètres avancés</b> depuis le menu contextuel ou cliquez sur le lien <b>Afficher paramètres avancés</b> sur la barre latérale droite. La fenêtre des propriétés du graphique s'ouvre :</p>
|
|
<p><img alt="Graphique - Paramètres avancés : Taille" src="../images/chart_properties.png" /></p>
|
|
<p>L'onglet <b>Taille</b> contient les paramètres suivants :</p>
|
|
<ul>
|
|
<li><b>Largeur</b> et <b>Hauteur</b> - utilisez ces options pour changer hauteur / largeur du graphique. Si le bouton <b>Proportions constantes</b> <img alt="Proportions constantes" src="../images/constantproportions.png" /> est cliqué, la largeur et la hauteur seront changées en même temps, l'aspect ratio de la forme originale sera préservé.</li>
|
|
</ul>
|
|
<p><img alt="Graphique - Paramètres avancé : Habillage du texte" src="../images/chart_properties_1.png" /></p>
|
|
<p>L'onglet <b>Habillage du texte</b> contient les paramètres suivants :</p>
|
|
<ul>
|
|
<li><b>Style d'habillage</b> - utilisez cette option pour changer la façon dont le graphique est positionné par rapport au texte : il peut faire partie du texte (si vous sélectionnez le style 'aligné sur le texte') ou être contourné par le texte de tous les côtés (si vous sélectionnez l'un des autres styles).
|
|
<ul>
|
|
<li><p><img alt="Style d'habillage - Aligné sur le texte" src="../images/wrappingstyle_inline.png" /> <b>Aligné</b> sur le texte - le graphique fait partie du texte, comme un caractère, ainsi si le texte est déplacé, le graphique est déplacé lui aussi. Dans ce cas-là les options de position ne sont pas accessibles.</p>
|
|
<p>Si vous sélectionnez un des styles suivants, vous pouvez déplacer le graphique indépendamment du texte et définir sa position exacte :</p>
|
|
</li>
|
|
<li><p><img alt="Style d'habillage - Carré" src="../images/wrappingstyle_square.png" /> <b>Carré</b> - le texte est ajusté autour des bords du graphique.</p></li>
|
|
<li><p><img alt="Style d'habillage - Rapproché" src="../images/wrappingstyle_tight.png" /> <b>Rapproché</b> - le texte est ajusté sur le contour du graphique.</p></li>
|
|
<li><p><img alt="Style d'habillage - Au travers" src="../images/wrappingstyle_through.png" /> <b>Au travers</b> - le texte est ajusté autour des bords du graphique et occupe l'espace vide à l'intérieur.</p></li>
|
|
<li><p><img alt="Style d'habillage - Haut et bas" src="../images/wrappingstyle_topandbottom.png" /> <b>Haut et bas</b> - le texte est ajusté en haut et en bas du graphique.</p></li>
|
|
<li><p><img alt="Style d'habillage - Devant le texte" src="../images/wrappingstyle_infront.png" /> <b>Devant</b> le texte - le graphique est affiché sur le texte.</p></li>
|
|
<li><p><img alt="Style d'habillage - Derrière le texte" src="../images/wrappingstyle_behind.png" /> <b>Derrière</b> le texte - le texte est affiché sur le graphique.</p></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p>Si vous avez choisi le style carré, rapproché, au travers, haut et bas, vous avez la possibilité de configurer des paramètres supplémentaires - <b>Distance du texte</b> de tous les côtés (haut, bas, droit, gauche).</p>
|
|
<p><img alt="Graphique - Paramètres avancés : Position" src="../images/chart_properties_2.png" /></p>
|
|
<p>L'onglet <b>Position</b> n'est disponible qu'au cas où vous choisissez le style d'habillage autre que 'aligné sur le texte'. Il contient les paramètres suivants qui varient selon le type d'habillage sélectionné :</p>
|
|
<ul>
|
|
<li><b>Horizontal</b> sert à régler l'<b>alignment</b> du graphique (à gauche, au centre, à droite) <b>par rapport au</b> caractère, colonne, marge gauche, marge, page ou marge droite aussi bein que la <b>position à droite</b> du caractère, colonne, marge gauche, marge, page ou marge droite.</li>
|
|
<li><b>Vertical</b> sert à régler l'<b>alignment</b> du graphique (en haut, au centre, en bas) <b>par rapport à</b> la ligne, marge, marge inférieure, paragraphe, page ou marge supérieure aussi bien que la <b>position en dessous</b> de la ligne, marge, marge inférieure, paragraphe, page ou marge supérieure.</li>
|
|
<li><b>Déplacer avec le texte</b> détermine si le graphique se déplace en même temps que le texte sur lequel il est alignée.</li>
|
|
<li><b>Chevauchement</b> détermine si deux graphiques sont fusionnés en un seul ou se chevauchent si vous les faites glisser les uns près des autres sur la page.</li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html> |