https://docs.aspose.com/cells/fr/java/chart-rendering/ Recent content in Rendu du graphique on Documentation Hugo -- gohugo.io fr https://docs.aspose.com/cells/fr/java/create-chart-pdf-with-desired-page-size/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/fr/java/create-chart-pdf-with-desired-page-size/ <h2 id="scénarios-dutilisation-possibles"><strong>Scénarios d&rsquo;utilisation possibles</strong></h2> <p>Vous pouvez créer un PDF de graphique avec la taille de page souhaitée à l&rsquo;aide d&rsquo;Aspose.Cells et spécifier l&rsquo;alignement souhaité du graphique à l&rsquo;intérieur de la page. Vous pouvez aligner le graphique en haut, en bas, au centre, à gauche, à droite, etc. De plus, le graphique de sortie peut être créé dans un flux ou sur le disque.</p> <h2 id="créer-un-pdf-de-graphique-avec-la-taille-de-page-souhaitée"><strong>Créer un PDF de graphique avec la taille de page souhaitée</strong></h2> <p>Veuillez consulter le code d&rsquo;exemple suivant qui charge le <a href="64716912.xlsx">fichier Excel exemple</a>, accède au premier graphique à l&rsquo;intérieur de la feuille de calcul, puis le convertit en <a href="64716911.pdf">PDF de sortie</a> avec une taille de page souhaitée. La capture d&rsquo;écran suivante montre que la taille de page dans le PDF de sortie est 7x7 comme spécifié dans le code et que le graphique est aligné au centre à la fois horizontalement et verticalement. </p> <p><img src="create-chart-pdf-with-desired-page-size_1.png" alt="todo:image_alt_text"></p> <h2 id="code-dexemple"><strong>Code d&rsquo;exemple</strong></h2> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> https://docs.aspose.com/cells/fr/java/converting-chart-to-image-in-svg-format/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/fr/java/converting-chart-to-image-in-svg-format/ <div class="alert alert-primary" role="alert"> <p>Scalable Vector Graphics (SVG) est un format d&rsquo;image vectorielle basé sur XML pour les graphiques en deux dimensions qui prend également en charge l&rsquo;interactivité et l&rsquo;animation. La spécification SVG est une norme ouverte développée par le World Wide Web Consortium (W3C) depuis 1999.</p> <p>Les images SVG et leurs comportements sont définis dans des fichiers texte XML. Cela signifie qu&rsquo;elles peuvent être recherchées, indexées, scriptées et compressées. En tant que fichiers XML, les images SVG peuvent être créées et modifiées avec n&rsquo;importe quel éditeur de texte, mais sont plus souvent créées avec un logiciel de dessin.</p> <p>Aspose.Cells peut enregistrer des graphiques sous forme d&rsquo;images dans différents formats tels que BMP, JPEG, PNG, GIF, SVG, etc. Cet article explique comment enregistrer des graphiques sous forme d&rsquo;images SVG.</p> </div> <p>Le code d&rsquo;exemple suivant explique comment utiliser Aspose.Cells pour convertir un graphique en une image au format SVG. Le code charge le fichier Excel source, puis enregistre le premier graphique trouvé sur la première feuille de calcul au format SVG.</p> <p>La capture d&rsquo;écran suivante montre l&rsquo;image du graphique converti au format SVG créée avec le code d&rsquo;exemple.</p> <p><strong>Image de sortie</strong></p> <p><img src="converting-chart-to-image-in-svg-format_1.png" alt="todo:image_alt_text"></p> <p>Étant donné que SVG est un format basé sur XML, vous pouvez également ouvrir l&rsquo;image du graphique résultant dans un éditeur de texte comme le Bloc-notes, comme le montre cette capture d&rsquo;écran.</p> <p><strong>Sortie SCG dans un éditeur de texte</strong></p> <p><img src="converting-chart-to-image-in-svg-format_2.png" alt="todo:image_alt_text"></p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-ConvertCharttoImageinSVGFormat-ConvertCharttoImageinSVGFormat.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/fr/java/export-chart-to-svg-with-viewbox-attribute/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/fr/java/export-chart-to-svg-with-viewbox-attribute/ <p>Par défaut, lors de l&rsquo;exportation du graphique au format SVG, l&rsquo;attribut <strong>viewBox</strong> n&rsquo;est pas inclus dans son XML. Cependant, Aspose.Cells fournit une propriété <a href="https://reference.aspose.com/cells/java/com.aspose.cells/imageorprintoptions#SVGFitToViewPort"><strong>ImageOrPrintOptions.setSVGFitToViewPort()</strong></a> qui, lorsqu&rsquo;elle est définie sur <strong>true</strong>, exporte le graphique au format SVG avec l&rsquo;attribut viewBox.</p> <p>Si vous ouvrez le SVG du graphique dans le bloc-notes, vous trouverez l&rsquo;attribut <strong>viewBox</strong> similaire à ceci.</p> <div class="highlight"><pre class="chroma"><code class="language-java" data-lang="java"> <span class="o">&lt;</span><span class="n">svg</span> <span class="n">xmlns</span><span class="o">=</span><span class="s">&#34;http://www.w3.org/2000/svg&#34;</span> <span class="nl"> </span><span class="nl"> xmlns:</span><span class="n">xlink</span><span class="o">=</span><span class="s">&#34;http://www.w3.org/1999/xlink&#34;</span> <span class="n">width</span><span class="o">=</span><span class="s">&#34;100%&#34;</span> <span class="n">height</span><span class="o">=</span><span class="s">&#34;100%&#34;</span> <span class="n">viewBox</span><span class="o">=</span><span class="s">&#34;0 0 480 288&#34;</span><span class="o">&gt;</span></code></pre></div> <h2 id="extrait-de-code">Extrait de code</h2> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-ExportCharttoSVG-ExportCharttoSVG.java"></script> <h2 id="articles-connexes">Articles Connexes</h2> <ul> <li><a href="https://docs.aspose.com/cells/cells/fr/java/chart-rendering/">Rendu du graphique</a></li> <li><a href="https://docs.aspose.com/cells/cells/fr/java/export-worksheet-or-chart-into-image-with-desired-width-and-height/">Exporter une feuille de calcul ou un graphique en image avec une largeur et une hauteur souhaitées</a> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </li> </ul>