Analyzing your prompt, please hold on...
An error occurred while retrieving the results. Please refresh the page and try again.
ピボットテーブルでページフィールドのレイアウトを変更する
Contents
[
Hide
]
この記事は「Add Page Field in Pivot Table」トピックの続きです。表示順序、折り返し数、フィールドの並べ替えなど、ピボットテーブル上部のフィルターコントロールの帯であるページフィールドエリアのレイアウトを制御する方法を説明します。
Introduction
Microsoft Excel のピボットテーブルには、テーブルの行/列/データ本体の上に位置する専用の ページフィールドエリア があります。このエリアはページフィールドごとに 1 つのドロップダウンフィルターコントロールの帯としてレンダリングされ、エンドユーザーが年や地域などの基準でピボットを分割するためにクリックする部分です。Aspose.Cells はこのエリアを PivotTable.PageFields コレクションでモデル化し、帯の視覚的なレイアウトを制御する 3 つのプロパティを公開しています。
PivotTable.PageFieldOrder（Aspose.Cells.PrintOrderType値）は、追加のページフィールドを既存のフィールドの 横 に配置するか、下 に配置するかを決定します。PivotTable.PageFieldWrapCountは、折り返す前に何個のページフィールドを 1 行または 1 列に配置するかを設定します。PivotTable.PageFields.Move(currIndex, destIndex)は、順序モードを変更せずにページフィールドを並べ替えます。 この記事では、共有データセットに対してこれらの各操作を実演する 3 つのコード例を確認していくため、結果のレイアウトを並べて比較できます。
Source Data
| Fruit | Year | Region | Amount |
|---|---|---|---|
| Apple | 2022 | North | 150 |
| Apple | 2023 | North | 180 |
| Banana | 2022 | South | 120 |
| Banana | 2023 | South | 140 |
| Cherry | 2022 | East | 200 |
| Cherry | 2023 | East | 220 |
| Grape | 2022 | West | 90 |
| Grape | 2023 | West | 110 |
| 8 行すべてがすべてのコード例で同じ順序で設定されているため、ソースデータはシナリオ間で異なることはなく、ページフィールドのレイアウトプロパティのみが異なります。 |
Example 1: Over Then Down
最初のシナリオでは、2 つのページフィールド（Year、Region）をピボットテーブル上部の 1 つの行に横並びで 表示するように構成します。Fruit を行軸に割り当て、ページ軸には Year を最初に、Region を 2 番目に配置し（addFieldToArea 呼び出しの順序が開始インデックスを決定します）、データフィールドとして Amount（Sum）を追加し、PageFieldOrder を PrintOrderType.OVER_THEN_DOWN に、PageFieldWrapCount を 2 に設定します。OVER_THEN_DOWN と折り返し数 2 では、2 つのページフィールドがピボットテーブル上部の 1 つの行に水平に横並びで配置されるため、帯は幅 2 の 1 行を占めます。
let dataDir = "output";
if (!fs.existsSync(dataDir)) fs.mkdirSync(dataDir, { recursive: true });
let workbook = new AsposeCells.Workbook();
let worksheets = workbook.getWorksheets();
let pivotDataIdx = worksheets.add("PivotData");
let pivotDataSheet = worksheets.get(pivotDataIdx);
let pivotDataCells = pivotDataSheet.getCells();
// ヘッダー (0行目)
pivotDataCells.get(0, 0).putValue("Fruit");
pivotDataCells.get(0, 1).putValue("Year");
pivotDataCells.get(0, 2).putValue("Region");
pivotDataCells.get(0, 3).putValue("Amount");
// 1行目: りんご、2022年、北、150
pivotDataCells.get(1, 0).putValue("Apple");
pivotDataCells.get(1, 1).putValue(2022);
pivotDataCells.get(1, 2).putValue("North");
pivotDataCells.get(1, 3).putValue(150);
// 2行目: りんご、2023年、北、180
pivotDataCells.get(2, 0).putValue("Apple");
pivotDataCells.get(2, 1).putValue(2023);
pivotDataCells.get(2, 2).putValue("North");
pivotDataCells.get(2, 3).putValue(180);
// 3行目: バナナ、2022年、南、120
pivotDataCells.get(3, 0).putValue("Banana");
pivotDataCells.get(3, 1).putValue(2022);
pivotDataCells.get(3, 2).putValue("South");
pivotDataCells.get(3, 3).putValue(120);
// 4行目: バナナ、2023年、南、140
pivotDataCells.get(4, 0).putValue("Banana");
pivotDataCells.get(4, 1).putValue(2023);
pivotDataCells.get(4, 2).putValue("South");
pivotDataCells.get(4, 3).putValue(140);
// 5行目: さくらんぼ、2022年、東、200
pivotDataCells.get(5, 0).putValue("Cherry");
pivotDataCells.get(5, 1).putValue(2022);
pivotDataCells.get(5, 2).putValue("East");
pivotDataCells.get(5, 3).putValue(200);
// 6行目: さくらんぼ、2023年、東、220
pivotDataCells.get(6, 0).putValue("Cherry");
pivotDataCells.get(6, 1).putValue(2023);
pivotDataCells.get(6, 2).putValue("East");
pivotDataCells.get(6, 3).putValue(220);
// 7行目: ぶどう、2022年、西、90
pivotDataCells.get(7, 0).putValue("Grape");
pivotDataCells.get(7, 1).putValue(2022);
pivotDataCells.get(7, 2).putValue("West");
pivotDataCells.get(7, 3).putValue(90);
// 8行目: ぶどう、2023年、西、110
pivotDataCells.get(8, 0).putValue("Grape");
pivotDataCells.get(8, 1).putValue(2023);
pivotDataCells.get(8, 2).putValue("West");
pivotDataCells.get(8, 3).putValue(110);
// PivotTableReportシートを追加
let pivotTableSheetIdx = worksheets.add("PivotTableReport");
let pivotTableSheet = worksheets.get(pivotTableSheetIdx);
let pivotTables = pivotTableSheet.getPivotTables();
// PivotData!A1:D9をソースとし、PivotTableReportのA1に配置するピボットテーブルを作成
let pivotIndex = pivotTables.add("PivotData!A1:D9", "A1", "PivotTable1");
let pivotTable = pivotTables.get(pivotIndex);
// フィールドを追加
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Row, 0); // 果物
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Page, 1); // 年
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Page, 2); // 地域
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Data, 3); // 数量
pivotTable.getDataFields().get(0).setFunction(AsposeCells.ConsolidationFunction.Sum);
// ページフィールドエリアレイアウトを設定: ページフィールドを最初に横方向に配置し、2つごとに折り返す
pivotTable.setPageFieldOrder(AsposeCells.PrintOrderType.OverThenDown);
pivotTable.setPageFieldWrapCount(2);
// 更新して計算
pivotTable.calculateData();
// 保存
workbook.save(path.join(dataDir, "pageFieldLayout_overThenDown.xlsx"));
Example 2: Down Then Over
この例では、例 1 とまったく同様に、Fruit を行軸に、Year と Region（Year が最初）をページ軸に、Amount（Sum）をデータフィールドとして配置します。次に、PageFieldOrder を PrintOrderType.DOWN_THEN_OVER に、PageFieldWrapCount を 2 に設定します。DOWN_THEN_OVER と折り返し数 2 では、2 つのページフィールドが縦に積み込まれ、Year が上、Region がその直下となり、ピボットテーブル上部の 1 つの列を形成します。したがって、帯は例 1 とは対照的に、幅 1 で 2 行を占めます。
var workbook = new AsposeCells.Workbook();
var pivotData = workbook.getWorksheets().get(0);
pivotData.setName("PivotData");
var pivotReportIdx = workbook.getWorksheets().add("PivotTableReport");
var pivotReport = workbook.getWorksheets().get(pivotReportIdx);
var headers = ["Fruit", "Year", "Region", "Amount"];
for (var c = 0; c < headers.length; c++)
{
pivotData.getCells().get(0, c).putValue(headers[c]);
}
var data = [
["Apple", 2022, "North", 150],
["Apple", 2023, "North", 180],
["Banana", 2022, "South", 120],
["Banana", 2023, "South", 140],
["Cherry", 2022, "East", 200],
["Cherry", 2023, "East", 220],
["Grape", 2022, "West", 90],
["Grape", 2023, "West", 110]
];
for (var r = 0; r < data.length; r++)
{
for (var c = 0; c < data[r].length; c++)
{
pivotData.getCells().get(r + 1, c).putValue(data[r][c]);
}
}
var idx = pivotReport.getPivotTables().add("PivotData!A1:D9", "A1", "PivotTable");
var pivotTable = pivotReport.getPivotTables().get(idx);
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Row, 0);
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Page, 1);
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Page, 2);
pivotTable.addFieldToArea(AsposeCells.PivotFieldType.Data, 3);
pivotTable.setPageFieldOrder(AsposeCells.PrintOrderType.DownThenOver);
pivotTable.setPageFieldWrapCount(2);
pivotTable.calculateData();
workbook.save("pageFieldLayout_downThenOver.xlsx");
Example 3: Move a Page Field
3 番目のシナリオでは、このデータセットとフィールド割り当てを維持し、中立的なレイアウト（折り返し数 2 の OVER_THEN_DOWN）を設定し、PageFields.Move 操作を実演します。Move(0, 1) 呼び出しは、インデックス 0（Year）のページフィールドを位置 1 に移動し、位置 1（Region）にあったページフィールドを位置 0 にシフトします。この呼び出しの後、Region が最初のページフィールドとなり、Year が 2 番目になります。折り返しと順序モードは変更されていないため、帯は依然として水平に横並びでレンダリングされ、2 つのドロップダウンの順序のみが入れ替わります。
const AsposeCells = require("aspose.cells");
const workbook = new AsposeCells.Workbook();
const dataSheet = workbook.getWorksheets().get(0);
dataSheet.setName("PivotData");
dataSheet.getCells().get("A1").putValue("Fruit");
dataSheet.getCells().get("B1").putValue("Year");
dataSheet.getCells().get("C1").putValue("Region");
dataSheet.getCells().get("D1").putValue("Amount");
dataSheet.getCells().get("A2").putValue("Apple");
dataSheet.getCells().get("B2").putValue(2022);
dataSheet.getCells().get("C2").putValue("North");
dataSheet.getCells().get("D2").putValue(150);
dataSheet.getCells().get("A3").putValue("Apple");
dataSheet.getCells().get("B3").putValue(2023);
dataSheet.getCells().get("C3").putValue("North");
dataSheet.getCells().get("D3").putValue(180);
dataSheet.getCells().get("A4").putValue("Banana");
dataSheet.getCells().get("B4").putValue(2022);
dataSheet.getCells().get("C4").putValue("South");
dataSheet.getCells().get("D4").putValue(120);
dataSheet.getCells().get("A5").putValue("Banana");
dataSheet.getCells().get("B5").putValue(2023);
dataSheet.getCells().get("C5").putValue("South");
dataSheet.getCells().get("D5").putValue(140);
dataSheet.getCells().get("A6").putValue("Cherry");
dataSheet.getCells().get("B6").putValue(2022);
dataSheet.getCells().get("C6").putValue("East");
dataSheet.getCells().get("D6").putValue(200);
dataSheet.getCells().get("A7").putValue("Cherry");
dataSheet.getCells().get("B7").putValue(2023);
dataSheet.getCells().get("C7").putValue("East");
dataSheet.getCells().get("D7").putValue(220);
dataSheet.getCells().get("A8").putValue("Grape");
dataSheet.getCells().get("B8").putValue(2022);
dataSheet.getCells().get("C8").putValue("West");
dataSheet.getCells().get("D8").putValue(90);
dataSheet.getCells().get("A9").putValue("Grape");
dataSheet.getCells().get("B9").putValue(2023);
dataSheet.getCells().get("C9").putValue("West");
dataSheet.getCells().get("D9").putValue(110);
const pivotSheetIdx = workbook.getWorksheets().add("PivotTableReport");
const pivotSheet = workbook.getWorksheets().get(pivotSheetIdx);
const pivotIdx = pivotSheet.getPivotTables().add("PivotData!A1:D9", "A3", "PivotTable");
const pivotTable = pivotSheet.getPivotTables().get(pivotIdx);
pivotTable.addFieldToArea(AsposeCells.Pivot.PivotFieldType.ROW, 0);
pivotTable.addFieldToArea(AsposeCells.Pivot.PivotFieldType.PAGE, 1);
pivotTable.addFieldToArea(AsposeCells.Pivot.PivotFieldType.PAGE, 2);
pivotTable.addFieldToArea(AsposeCells.Pivot.PivotFieldType.DATA, 3);
pivotTable.setPageFieldOrder(AsposeCells.PrintOrderType.OVER_THEN_DOWN);
pivotTable.setPageFieldWrapCount(2);
pivotTable.getPageFields().move(0, 1);
pivotTable.calculateData();
workbook.save("pageFieldLayout_move.xlsx");
Related Articles
- Add Page Field in Pivot Table — ピボットテーブルにページフィールドを追加する方法を紹介する親ページ。
- Row and Column Fields in Pivot Table — 行軸と列軸へのフィールドの割り当てを取り上げており、ここで示すページ軸の作業を補完します。
- Manage Value Fields in Pivot Table — この記事で使用されている
Sum集計を含む、データ（値）エリアの設定方法を説明しています。 - Refresh Pivot Table — ページフィールドの並べ替え後に必要な
refreshDataとcalculateDataについて説明します。 - Apply Style to Pivot Table — ページフィールドの帯が配置された後にレンダリングされたピボットテーブルを書式設定する方法を示します。