[{"id":"7720ca38-fc98-4fd8-a3a5-3c0e730c3c72","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"247ded67-b050-4436-be40-fe7b0eeabef7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"9a8c377f-1f1e-476e-b487-c2339da9bed3","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"5e8e6db2-89b9-4184-bbdc-301ee676869e","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"e04b598e-b0d8-4054-bdac-5143d90b3d51","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"edb028d0-a8cc-42b2-acda-42a5515729f0","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"2adde444-20a6-43d7-8896-2b445877327a","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"6ab8ced2-6c7a-41b6-b861-ba066bd40f40","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"0c34aedd-80a3-470b-a0f6-c327a4346be7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"717a5892-fa23-499b-a61d-cff228943aaf","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"bd9be971-69fc-4793-ad6d-234be7a93048","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"a1e8d38f-43d8-4b3e-b747-3fbf7656fcd9","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"d6995fdf-76ee-421f-9e7a-3fb324d14bbb","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"64fa3155-4543-4acd-83b7-f9860fd46673","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"698413bd-0b16-4287-baec-644d98a411d1","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7e4393a0-21ef-438b-981b-325b64db5baa","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]}]
データソースの変更をピボットテーブルに反映できます。 次のいずれかの方法でピボットテーブルのデータエリアの値を編集することもできます。
データソースの更新
データ値の編集
ピボットテーブルのデータソースが変更されると、最新の情報を反映させるにはピボットテーブルを更新する必要があります。SpreadJSでは、ピボットテーブルの updateSource メソッドを使用して、データソースを更新し、ピボットテーブルに最新のデータを反映させることができます。
次の図は、「データソースの更新」ボタンを使用してデータソースの変更点をピボットテーブルに反映させる方法を示します。
次のサンプルコードは、データソースの変更点をピボットテーブルに反映させる方法を示します。
function refreshDataSource() {
myPivotTable.updateSource();
}
ピボットテーブルでは、データエリアの値を編集または上書きできます。 上書きされたノード値として数値型のみを設定できます。
ピボットテーブルには、小計で次の 5 種類の計算のみがサポートされます。
GC.Pivot.SubtotalType.sum
GC.Pivot.SubtotalType.count
GC.Pivot.SubtotalType.countNums
GC.Pivot.SubtotalType.max
GC.Pivot.SubtotalType.min
上記のリストに小計の種類が含まれない場合、特定のセルのみが上書きされ、小計の結果は変わりません。
実行時にピボットテーブルの値を編集するには、ピボット テーブルの enableDataValueEditing オプションを true に設定します。 ただし、コードにてピボットテーブルのデータ値を上書きするには、ピボット テーブルの setNodeValue メソッドを使用します。このメソッドは、ノード情報の配列と上書きする値を受け取ります。 ノード情報の配列を取得するには、 getNodeInfo メソッドを使用するか、特定の値のノード配列を作成することができます。また、ノード値を取得するには、getNodeValueを使用、上書きされたセル値リストを取得するには、getOverwriteList メソッドを使用、上書きされた値リストをクリアするには、clearOverwriteList メソッドを使用できます。ピボットテーブルのソースを更新すると、上書きされた値リストが失われることに注意してください。
メモ: JSON I/O には、上書きされた値のリストが含まれます。 ただし、ExcelIO およびピボットテーブルのシリアル化と逆シリアル化では、上書きされた値のリストが無視されます。
次の図は、実行時に小計値を編集する方法を示します。
次のサンプルコードは、 enableDataValueEditing オプションを true に設定する方法を示します。
// データ値の編集を有効にします。
pivotTable.options.enableDataValueEditing = true;
次のサンプルコードは、 getNodeInfo および setNodeValue メソッドを使用してピボットテーブルのデータ値を更新する方法を示します。
// 次のサンプルコードでは、ノード情報を取得することができます。
var nodeInfo = pivotTable.getNodeInfo(7, 5);
// 次のサンプルコードでは、セル (7,5) の値を変更します。
pivotTable.setNodeValue(nodeInfo, 5000);
次の図は、デザイナを使用してピボットテーブルの enableDataValueEditing プロパティを true に設定する方法を示します。