SpreadJS製品ヘルプ
スプレッドスパークライン
機能 > スパークライン > スプレッドスパークライン

SpreadSparklineの数式とセル値を使用して、スプレッドスパークラインを作成できます。

スプレッドスパークラインには、次のオプションを使用できます。

オプション 説明
Points 表示するすべての値を保持するセル範囲を表す参照。「A1:A10」など。
ShowAverage 平均値を表示するかどうかを示すブール値。オプションの設定値であり、デフォルト値はfalseです。
ScaleStart スパークラインの下限を表す数値。オプションの設定値であり、デフォルト値はすべての値の最小値です。
ScaleEnd スパークラインの上限を表す数値。オプションの設定値であり、デフォルト値はすべての値の最大値です。
Style スプレッドスパークラインのスタイルを表す数値。オプションの設定値であり、デフォルト値は4(poles)です。
ColorScheme スパークラインの色を表す文字列。オプションの設定値であり、デフォルト値は「#646464」です。
Vertical スパークラインを垂直方向に表示するかどうかを示すブール値。オプションの設定値であり、デフォルト値はfalseです。

スパークラインを水平方向に表示する場合は、水平軸によって各データ点が表されます。垂直軸上の線の長さ、またはドットの数は、出現頻度を表します。

次の6つのスタイルがサポートされます。

スプレッドスパークラインの数式には、次の書式を使用します。

=SPREADSPARKLINE(points, showAverage?, scaleStart?, scaleEnd?, style?, colorScheme?, vertical?)

コードの使用

次のサンプルコードは、スプレッドスパークラインを作成します。

JavaScript
コードのコピー
activeSheet.addSpan(0, 0, 1, 3);
activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).value("Employee Age Statistics").font("20px Arial").hAlign(GC.Spread.Sheets.HorizontalAlign.center).vAlign(GC.Spread.Sheets.VerticalAlign.center);
 var table1 = activeSheet.tables.add("table1", 1, 0, 49, 3, GC.Spread.Sheets.Tables.TableThemes.light12);
table1.filterButtonVisible(false);
activeSheet.setValue(1, 0, "Name");
activeSheet.setValue(1, 1, "Age");
activeSheet.setValue(1, 2, "Diagram");
  for(var i = 2;i < 20; i++) {
  activeSheet.setValue(i, 0, "Employee " + (i - 1));
  }
activeSheet.setValue(2, 1, 18);
activeSheet.setValue(3, 1, 20);
activeSheet.setValue(4, 1, 21);
activeSheet.setValue(5, 1, 22);
activeSheet.setValue(6, 1, 23);
activeSheet.setValue(7, 1, 22);
activeSheet.setValue(8, 1, 24);
activeSheet.setValue(9, 1, 24);
activeSheet.setValue(10, 1, 30);
activeSheet.setValue(11, 1, 33);
activeSheet.setValue(12, 1, 33);
activeSheet.setValue(13, 1, 40);
activeSheet.setValue(14, 1, 44);
activeSheet.setValue(15, 1, 45);
activeSheet.setValue(16, 1, 45);
activeSheet.setValue(17, 1, 46);
activeSheet.setValue(18, 1, 50);
activeSheet.setValue(19, 1, 55);
activeSheet.addSpan(2, 2, 10, 1);
activeSheet.setFormula(2, 2, '=SPREADSPARKLINE(B3:B20,TRUE,,,4,"green")');
activeSheet.setRowHeight(0, 30);
activeSheet.setColumnWidth(0, 100);
activeSheet.setColumnWidth(1, 100);
activeSheet.setColumnWidth(2, 400);
関連トピック