https://docs.aspose.com/cells/ja/java/chart-rendering/ Recent content in チャートのレンダリング on Documentation Hugo -- gohugo.io ja https://docs.aspose.com/cells/ja/java/create-chart-pdf-with-desired-page-size/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ja/java/create-chart-pdf-with-desired-page-size/ <h2 id="可能な使用シナリオ"><strong>可能な使用シナリオ</strong></h2> <p>Aspose.Cellsを使用して、希望のページサイズでチャートPDFを作成し、ページ内でチャートの配置を指定できます。チャートをページの上部、下部、中央、左側、右側などに配置できます。また、出力チャートはストリーム上やディスク上に作成できます。</p> <h2 id="希望のページサイズでチャートpdfを作成"><strong>希望のページサイズでチャートPDFを作成</strong></h2> <p>次のサンプルコードでは、<a href="64716912.xlsx">サンプルExcelファイル</a>をロードし、ワークシート内の最初のチャートにアクセスし、そのチャートをコード内で指定されたページサイズで中央に水平および垂直方向に配置して、<a href="64716911.pdf">出力PDF</a>に変換します。次のスクリーンショットでは、出力PDFのページサイズがコード内で指定されたように7x7であり、チャートが水平および垂直に中央に配置されていることが示されています。 </p> <p><img src="create-chart-pdf-with-desired-page-size_1.png" alt="todo:image_alt_text"></p> <h2 id="サンプルコード"><strong>サンプルコード</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/ja/java/converting-chart-to-image-in-svg-format/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ja/java/converting-chart-to-image-in-svg-format/ <div class="alert alert-primary" role="alert"> <p>スケーラブル・ベクター・グラフィックス（SVG）は、二次元グラフィックス用のXMLベースのベクター画像形式であり、対話性やアニメーションもサポートしています。SVG仕様は、1999年以来世界広範囲のウェブ consortium（W3C） によって開発されたオープンスタンダードです。</p> <p>SVG画像とその動作はXMLテキストファイルで定義されています。これにより、検索、索引付け、スクリプト作成、圧縮が可能です。SVG画像はXMLファイルとして任意のテキストエディタで作成および編集できますが、一般的には図形作成ソフトウェアで作成されます。</p> <p>Aspose.Cellsは、チャートをBMP、JPEG、PNG、GIF、SVGなどさまざまな形式の画像として保存できます。この記事では、チャートをSVG画像として保存する方法について説明します。</p> </div> <p>次のサンプルコードは、Aspose.Cellsを使用してチャートをSVG形式の画像に変換する方法を説明しています。コードでは、ソースのExcelファイルをロードし、その後、最初のワークシートで見つかった最初のチャートをSVG形式で保存します。</p> <p>次のスクリーンショットは、サンプルコードで作成されたSVG形式の変換されたチャート画像を示しています。</p> <p><strong>出力画像</strong></p> <p><img src="converting-chart-to-image-in-svg-format_1.png" alt="todo:image_alt_text"></p> <p>SVGはXMLベースの形式であるため、このスクリーンショットに示すように、出力チャート画像をNotepadなどのテキストエディタで開くこともできます。</p> <p><strong>テキストエディタでSCGを出力</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/ja/java/export-chart-to-svg-with-viewbox-attribute/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ja/java/export-chart-to-svg-with-viewbox-attribute/ <p>デフォルトでは、チャートをSVG形式でエクスポートするときには、そのXMLに<strong>viewBox</strong>属性は含まれません。しかし、Aspose.Cellsは<a href="https://reference.aspose.com/cells/java/com.aspose.cells/imageorprintoptions#SVGFitToViewPort"><strong>ImageOrPrintOptions.setSVGFitToViewPort()</strong></a>プロパティを提供しており、それを<strong>true</strong>に設定すると、<strong>viewBox</strong>属性を含めたSVG形式でチャートをエクスポートできます。</p> <p>チャートのSVGをNotepadで開くと、次のような<strong>viewBox</strong>属性が見つかります。</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="コードスニペット">コードスニペット</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="関連記事">関連記事</h2> <ul> <li><a href="https://docs.aspose.com/cells/cells/ja/java/chart-rendering/">グラフのレンダリング</a></li> <li><a href="https://docs.aspose.com/cells/cells/ja/java/export-worksheet-or-chart-into-image-with-desired-width-and-height/">希望の幅と高さでワークシートまたはチャートを画像にエクスポート</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>