StackedSparklineの数式とセル値を使用して、積み上げスパークラインを作成できます。
積み上げスパークラインには、次のオプションを使用できます。
| オプション | 説明 |
| Points | 表示するすべての値を保持するセル範囲を表す参照。「A1:A4」など。 |
| ColorRange | すべての色を保持するセル範囲を表す参照。「B1:B4」など。オプションの設定値であり、デフォルト値はcolor引数によって生成されます。 |
| LabelRange | すべてのラベルを保持するセル範囲を表す参照。「C1:C4」など。オプションの設定値であり、デフォルト値は空です。 |
| Maximum | スパークラインの最大値を表す数値。オプションの設定値であり、デフォルト値はすべての正の値の合計です。 |
| TargetRed | 赤線の位置を表す数値。オプションの設定値であり、デフォルト値は空です。 |
| TargetGreen | 緑色の線の位置を表す数値。オプションの設定値であり、デフォルト値は空です。 |
| TargetBlue | 青色の線の位置を表す数値。オプションの設定値であり、デフォルト値は空です。 |
| TargetYellow | 黄色の線の位置を表す数値。オプションの設定値であり、デフォルト値は空です。 |
| Color | colorRangeが省略されている場合の色を表す文字列。オプションの設定値であり、デフォルト値は「#646464」です。 |
| HighlightPosition | 強調表示領域のインデックスを表す数値。オプションの設定値であり、デフォルト値は空です。 |
| Vertical | スパークラインを垂直方向に表示するかどうかを示すブール値。オプションの設定値であり、デフォルト値はfalseです。 |
| TextOrientation | ラベルテキストの向きを表す数値。オプションの設定値であり、デフォルト値は0（水平）です。垂直方向に表示する場合は「1」に設定します。 |
| TextSize | ラベルテキストのサイズを表す数値。オプションの設定値であり、デフォルト値は10です（単位はピクセル）。 |
積み上げスパークラインの数式には、次の書式を使用します。
=STACKEDSPARKLINE(points, colorRange?, labelRange?, maximum?, targetRed?, targetGreen?, targetBlue?, tragetYellow?, color?, highlightPosition?, vertical?, textOrientation?, textSize?)
コードの使用
次のサンプルコードは、積み上げスパークラインを作成します。
| JavaScript |
コードのコピー
|
|---|---|
| activeSheet.addSpan(0, 0, 1, 5); activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).value("Sales by State").font("20px Arial").hAlign(GC.Spread.Sheets.HorizontalAlign.center).vAlign(GC.Spread.Sheets.VerticalAlign.center); var table1 = activeSheet.tables.add("table1", 1, 0, 6, 5, GC.Spread.Sheets.Tables.TableThemes.light12); table1.filterButtonVisible(false); activeSheet.setValue(1, 0, "State"); activeSheet.setValue(1, 1, "Product 1"); activeSheet.setValue(1, 2, "Product 2"); activeSheet.setValue(1, 3, "Product 3"); activeSheet.setValue(1, 4, "Diagram"); activeSheet.setValue(2, 0, "Idaho"); activeSheet.setValue(2, 1, 10000); activeSheet.setValue(2, 2, 12000); activeSheet.setValue(2, 3, 15000); activeSheet.setValue(3, 0, "Montana"); activeSheet.setValue(3, 1, 11000); activeSheet.setValue(3, 2, 10000); activeSheet.setValue(3, 3, 15000); activeSheet.setValue(4, 0, "Oregon"); activeSheet.setValue(4, 1, 10000); activeSheet.setValue(4, 2, 17000); activeSheet.setValue(4, 3, 12000); activeSheet.setValue(5, 0, "Washington"); activeSheet.setValue(5, 1, 15000); activeSheet.setValue(5, 2, 10000); activeSheet.setValue(5, 3, 15000); activeSheet.setValue(6, 0, "Utah"); activeSheet.setValue(6, 1, 10000); activeSheet.setValue(6, 2, 15000); activeSheet.setValue(6, 3, 12000); activeSheet.setValue(7, 1, "orange"); activeSheet.setValue(7, 2, "purple"); activeSheet.setValue(7, 3, "yellowgreen"); activeSheet.getRange(-1, 1, -1, 1).formatter("$#,##0"); activeSheet.getRange(-1, 2, -1, 1).formatter("$#,##0"); activeSheet.getRange(-1, 3, -1, 1).formatter("$#,##0"); activeSheet.setFormula(2, 4, '=STACKEDSPARKLINE(B3:D3,B8:D8,B2:D2,40000)'); activeSheet.setFormula(3, 4, '=STACKEDSPARKLINE(B4:D4,B8:D8,B2:D2,40000)'); activeSheet.setFormula(4, 4, '=STACKEDSPARKLINE(B5:D5,B8:D8,B2:D2,40000)'); activeSheet.setFormula(5, 4, '=STACKEDSPARKLINE(B6:D6,B8:D8,B2:D2,40000)'); activeSheet.setFormula(6, 4, '=STACKEDSPARKLINE(B7:D7,B8:D8,B2:D2,40000)'); activeSheet.setRowHeight(0, 50); activeSheet.setRowHeight(1, 25); for (var i = 2; i < 7; i++) { activeSheet.setRowHeight(i, 45); } activeSheet.setRowHeight(7, 0); activeSheet.setColumnWidth(0, 100); activeSheet.setColumnWidth(1, 120); activeSheet.setColumnWidth(2, 120); activeSheet.setColumnWidth(3, 120); activeSheet.setColumnWidth(4, 200); |
|