Node.jsとC++を使用してviewBox属性付きのSVGへチャートをエクスポート
Contents
[
Hide
]
デフォルトでは、チャートをSVG形式にエクスポートするとき、そのXMLにはviewBox属性が含まれません。しかし、Aspose.Cellsは、trueに設定された場合にviewBox属性でチャートをSVG形式でエクスポートするImageOrPrintOptions.getSVGFitToViewPort()プロパティを提供します。
viewBox属性を含むSVG形式でチャートをエクスポート
次のコードサンプルは、viewBox属性を含むSVG形式でチャートをエクスポートします。
const path = require("path");
const AsposeCells = require("aspose.cells.node");
// The path to the documents directory.
const dataDir = path.join(__dirname, "data");
// Create workbook object from source file
const workbook = new AsposeCells.Workbook(path.join(dataDir, "SampleChartBook.xlsx"));
// Access first worksheet
const worksheet = workbook.getWorksheets().get(0);
// Access first chart inside the worksheet
const chart = worksheet.getCharts().get(0);
// Set image or print options with SVGFitToViewPort true
const opts = new AsposeCells.ImageOrPrintOptions();
opts.setImageType(AsposeCells.ImageType.Svg);
opts.setSVGFitToViewPort(true);
// Save the chart to svg format
chart.toImage(path.join(dataDir, "Image_out.svg"), opts);
チャートのSVGをNotepadで開くと、次のようなviewBox属性が見つかります。
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
<span class="n">width</span><span class="o">=</span><span class="s">"100%"</span> <span class="n">height</span><span class="o">=</span><span class="s">"100%"</span>
<span class="n">viewBox</span><span class="o">=</span><span class="s">"0 0 480 288"</span><span class="o">></span></code></pre></div>