[{"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"}]}]
オブジェクトを定義し、プロパティと値を指定します。OBJECT関数の結果は、これらのプロパティと値のオブジェクトになります。
OBJECT関数を使用して、レンジブロックスパークラインを作成できます。
OBJECT( property1, expression1, property2, expression2, ... )
OBJECT( properties_range, expressions_range )
OBJECT( property1, expressionArray1, property2, expressionArray2, ... )
OBJECT(property1, expression1, property2, expression2, ...)関数の有効な引数は次のとおりです。
引数 | 説明 |
---|---|
property1 | 現在のオブジェクトの最初のプロパティ。文字列またはセル参照にすることができます。 |
expression1 | 現在のオブジェクトの最初のプロパティ値。任意のタイプ値またはセル参照にすることができます。 |
property2 | 現在のオブジェクトの2番目のプロパティ。文字列またはセル参照にすることができます。 |
expression2 | 現在のオブジェクトの2番目のプロパティ値。任意のタイプ値またはセル参照にすることができます。 |
OBJECT(properties_range, expressions_range)関数の有効な引数は次のとおりです。
引数 | 説明 |
---|---|
properties_range1 | 現在のオブジェクトの最初のプロパティ。範囲参照である必要があります。 |
expressions_range1 | 現在のオブジェクトの最初のプロパティ値。範囲参照である必要があり、この範囲の長さはプロパティ範囲の長さと同じである必要があります。 |
properties_range2 | 現在のオブジェクトの2番目のプロパティ。範囲参照である必要があり、この範囲の長さは最初のプロパティ範囲の長さと同じである必要があります。 |
expressions_range2 | 現在のオブジェクトの2番目のプロパティ値。範囲参照である必要があり、この範囲の長さは最初のプロパティ範囲の長さと同じである必要があります。 |
OBJECT(property1, expressionArray1, property2, expressionArray2, ...)関数の有効な引数は次のとおりです。
引数 | 説明 |
---|---|
property1 | 現在のオブジェクトの最初のプロパティ。文字列またはセル参照にすることができます。 |
expressionArray1 | 現在のオブジェクトの最初のプロパティ値。参照の配列である必要があります。 |
property2 | 現在のオブジェクトの2番目のプロパティ。文字列またはセル参照にすることができます。 |
expressionArray2 | 現在のオブジェクトの2番目のプロパティ値。参照の配列である必要があり、その長さは最初のプロパティ値の長さと同じである必要があります。 |
パラメータがキーと値のペアになっていない場合、この関数はCalcErrorを返します。
OBJECT(property1, expression1, property2, expression2, ...)およびOBJECT(properties_range, expressions_range)はオブジェクト値のデータ型を返し、OBJECT(property1, expressionArray1, property2, expressionArray2, ...)はオブジェクト配列のデータ型を返します。
<script>
$(document).ready(function () {
// Spreadを初期化します。
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });
// アクティブシートを取得します。
var sheet = spread.getActiveSheet();
// データソースは配列です。
let dataSource = [
{
"名前": "James Smith",
"役職": "AVP",
"会社": "Fox Studios",
"電話番号": 71,
"入社日": '2008年3月8日',
"入社年": 2008
}
];
let colInfos = [
{ name: "名前", displayName: "名前", size: "2*" },
{ name: "役職", displayName: "役職", size: "*" },
{ name: "会社", size: "*" },
{ name: "電話番号", size: "*" },
{ name: "入社日", size: 100 },
{ name: "入社年", size: 100 }
];
// スタイルを作成します。
var style = new GC.Spread.Sheets.Style();
style.cellButtons = [
{
imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
command: "openMultiColumn",
useButtonStyle: true,
}
];
style.dropDowns = [
{
type: GC.Spread.Sheets.DropDownType.multiColumn,
option: {
width: 600,
height: 150,
dataSource: dataSource,
bindingInfos: colInfos
}
}
];
// スタイルのフォーマッタを設定します。
style.formatter = '=PROPERTY(@, "OFFICE")';
// スタイルを設定します。
sheet.setStyle(0, 1, style);
// テキストを設定します。
sheet.setText(0, 0, "データソースは配列であり、解析されたデータを「会社」プロパティの値に返します。");
// ワードラップを設定します。
sheet.getCell(0, 0).wordWrap(true);
sheet.getCell(0, 1).wordWrap(true);
// 列幅を設定します。
sheet.setColumnWidth(0, 200);
sheet.setColumnWidth(1, 400);
// 行の高さを設定します。
sheet.setRowHeight(0, 70);
});
</script>