https://docs.aspose.com/cells/sv/java/chart-rendering/ Recent content in Diagramrendering on Documentation Hugo -- gohugo.io sv https://docs.aspose.com/cells/sv/java/create-chart-pdf-with-desired-page-size/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/sv/java/create-chart-pdf-with-desired-page-size/ <h2 id="möjliga-användningsscenario"><strong>Möjliga användningsscenario</strong></h2> <p>Du kan skapa en diagram PDF med önskad sidstorlek med Aspose.Cells och ange hur du vill justera diagrammet på sidan. Du kan justera diagrammet till toppen, botten, mitten, vänster, höger, osv. Dessutom kan utmatningsdiagrammet skapas i en ström eller på disk.</p> <h2 id="skapa-diagram-pdf-med-önskad-sidstorlek"><strong>Skapa diagram-PDF med önskad sidstorlek</strong></h2> <p>Se följande kodexempel som laddar in <a href="64716912.xlsx">provexempelexcelfilen</a>, får åtkomst till det första diagrammet i kalkylarket och konverterar det sedan till <a href="64716911.pdf">utmatnings-PDF</a> med önskad sidstorlek. Skärmbilden nedan visar att sidstorleken i utmatnings-PDF är 7x7 enligt angivet i koden och diagrammet är centerjusterat både horisontellt och vertikalt. </p> <p><img src="create-chart-pdf-with-desired-page-size_1.png" alt="todo:image_alt_text"></p> <h2 id="exempelkod"><strong>Exempelkod</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/sv/java/converting-chart-to-image-in-svg-format/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/sv/java/converting-chart-to-image-in-svg-format/ <div class="alert alert-primary" role="alert"> <p>Scalable Vector Graphics (SVG) är ett XML-baserat vektorbildformat för tvådimensionell grafik som också stöder interaktivitet och animation. SVG-specifikationen är en öppen standard som utvecklats av World Wide Web Consortium (W3C) sedan 1999.</p> <p>SVG-bilder och deras beteenden definieras i XML-textfiler. Detta innebär att de kan sökas, indexeras, skriptas och komprimeras. Som XML-filer kan SVG-bilder skapas och redigeras med vilken textredigerare som helst, men skapas oftare med ritprogram.</p> <p>Aspose.Cells kan spara diagram som bilder i olika format som BMP, JPEG, PNG, GIF, SVG, osv. Den här artikeln förklarar hur man sparar diagram som SVG-bilder.</p> </div> <p>Följande exempelkod förklarar hur man använder Aspose.Cells för att konvertera ett diagram till en SVG-formatbild. Koden laddar den käll-Excel-filen och sparar sedan det första diagrammet som hittas på den första arbetsbladet till SVG.</p> <p>Bilden nedan visar den konverterade diagrammets bild i SVG-format skapad med exempelkoden.</p> <p><strong>Utmatningsbild</strong></p> <p><img src="converting-chart-to-image-in-svg-format_1.png" alt="todo:image_alt_text"></p> <p>Eftersom SVG är ett XML-baserat format kan du också öppna utmatningsdiagrammet i en textredigerare som Notepad som visas på skärmbilden.</p> <p><strong>Utmatnings-SCG i en textredigerare</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/sv/java/export-chart-to-svg-with-viewbox-attribute/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/sv/java/export-chart-to-svg-with-viewbox-attribute/ <p>Som standard, när diagrammet exporteras till SVG-format, ingår inte attributet <strong>viewBox</strong> i XML. Aspose.Cells tillhandahåller dock <a href="https://reference.aspose.com/cells/java/com.aspose.cells/imageorprintoptions#SVGFitToViewPort"><strong>ImageOrPrintOptions.setSVGFitToViewPort()</strong></a> egenskap som när den är inställd på <strong>true</strong> exporterar diagrammet till SVG med viewBox-attributet.</p> <p>Om du öppnar diagrammets SVG i anteckningar kommer du att hitta <strong>viewBox</strong> -attributet som liknar detta.</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="kodsparandel">Kodsparandel</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="relaterade-artiklar">Relaterade artiklar</h2> <ul> <li><a href="https://docs.aspose.com/cells/cells/sv/java/chart-rendering/">Diagramrendering</a></li> <li><a href="https://docs.aspose.com/cells/cells/sv/java/export-worksheet-or-chart-into-image-with-desired-width-and-height/">Exportera Arbetsblad eller Diagram till Bild med önskad Bredd och Höjd</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>