SpreadJS製品ヘルプ
options フィールド
GC.Spread.Sheets.Sparklines 名前空間 > SparklineSetting タイプ : options フィールド
スパークラインのオプションを示します。
options.axisColor {string} 軸の色。
options.firstMarkerColor {string} このスパークライングループの各スパークラインの始点の色。
options.highMarkerColor {string} このスパークライングループの各スパークラインの頂点(山)の色。
options.lastMarkerColor {string} このスパークライングループの各スパークラインの終点の色。
options.lowMarkerColor {string} このスパークライングループの各スパークラインの頂点(谷)の色。
options.markersColor {string} このスパークライングループの各スパークラインのデータマーカーの色を示す値。
options.negativeColor {string} このスパークライングループの各スパークラインの負のデータポイントの色を示す値
options.seriesColor {string} このスパークライングループの各スパークラインの色を示す値。
options.displayEmptyCellsAs {GC.Spread.Sheets.Sparklines.EmptyValueStyle} 空のセルの表示方法を示します。
options.rightToLeft {boolean} このスパークライングループの各スパークラインが右から左に表示されるかどうかを示します。
options.displayHidden {boolean} 非表示セルのデータがこのスパークライングループのスパークラインにプロットされるかどうかを示します。
options.displayXAxis {boolean} 横軸がこのスパークライングループの各スパークラインに表示されるかどうかを示します。
options.showFirst {boolean} 始点がこのスパークライングループの各スパークラインで異なる書式に設定されるかどうかを示す値。
options.showHigh {boolean} 頂点(山)がこのスパークライングループの各スパークラインで異なる書式に設定されるかどうかを示す値。
options.showLast {boolean} 終点がこのスパークライングループの各スパークラインで異なる書式に設定されるかどうかを示す値。
options.showLow {boolean} 頂点(谷)がこのスパークライングループの各スパークラインで異なる書式に設定されるかどうかを示す値。
options.showNegative {boolean} 負のデータポイントがこのスパークライングループの各スパークラインで異なる書式に設定されるかどうかを示す値。
options.showMarkers {boolean} データマーカーがこのスパークライングループの各スパークラインに表示されるかどうかを示す値。
options.manualMax {number} このスパークライングループのすべてのスパークラインで共有される縦軸の最大値を示します。maxAxisTypeがCustomでない場合、この値は0になります。
options.manualMin {number} このスパークライングループのすべてのスパークラインで共有される縦軸の最小値を示します。minAxisTypeがCustomでない場合、この値は0になります。
options.maxAxisType {GC.Spread.Sheets.Sparklines.SparklineAxisMinMax} このスパークライングループのすべてのスパークラインの縦軸の最大値がどのように計算されるかを示します。
options.minAxisType {GC.Spread.Sheets.Sparklines.SparklineAxisMinMax} このスパークライングループのすべてのスパークラインの縦軸の最小値がどのように計算されるかを示します。
options.groupMaxValue {number} スパークライングループの最大値を取得します。
options.groupMinValue {number} スパークライングループの最小値を取得します。
options.lineWeight {number} このスパークライングループの各スパークラインの線の太さ(ポイント単位)を示します。太さは0以上3以下にする必要があります(LineSeriesでサポートされている線の太さは0.0~3.0のみです)。
シンタックス
var instance = new GC.Spread.Sheets.Sparklines.SparklineSetting(setting);
var value; // Type: options
value = instance.options;
var options : options;
使用例
次のサンプルコードは、スパークライン設定オプションを使用します。
var data = new GC.Spread.Sheets.Range(1, 0, 8, 1);
var setting = new GC.Spread.Sheets.Sparklines.SparklineSetting();

setting.options.showMarkers = true;
setting.options.lineWeight = 3;
setting.options.displayXAxis = true;
setting.options.showFirst = true;
setting.options.showLast = true;
setting.options.showLow = true;
setting.options.showHigh = true;
setting.options.showNegative = true;

setting.options.seriesColor = "Text 2 1";
setting.options.firstMarkerColor = "Text 2 3";
setting.options.negativeColor = "Accent 2 1";
setting.options.markersColor = "Accent 3 1";
setting.options.lowMarkerColor = "Accent 4 1";
setting.options.highMarkerColor = "Accent 6 1";
setting.options.lastMarkerColor = "Accent 6 6";
setting.options.axisColor ="Text 1 1";
sheet.addSpan(13, 0, 4, 3, null);

sheet.setSparkline(13, 0, data, GC.Spread.Sheets.Sparklines.DataOrientation.Vertical, GC.Spread.Sheets.Sparklines.SparklineType.line, setting);

sheet.setValue(1, 0, 1);
sheet.setValue(2, 0, -2);
sheet.setValue(3, 0, -1);
sheet.setValue(4, 0, 6);
sheet.setValue(5, 0, 4);
sheet.setValue(6, 0, -4);
sheet.setValue(7, 0, 3);
sheet.setValue(8, 0, 8);
activeSheet.setValue(0, 0, "Data Range is A2-A9");
activeSheet.setValue(1, 0, 1);
activeSheet.setValue(2, 0, -2);
activeSheet.setValue(3, 0, -1);
activeSheet.setValue(4, 0, 6);
activeSheet.setValue(5, 0, 4);
activeSheet.setValue(6, 0, -4);
activeSheet.setValue(7, 0, 3);
activeSheet.setValue(8, 0, 8);

var data = new GC.Spread.Sheets.Range(1, 0, 8, 1);
var setting = new GC.Spread.Sheets.Sparklines.SparklineSetting();
setting.options.minAxisType = GC.Spread.Sheets.Sparklines.SparklineAxisMinMax.custom;
setting.options.manualMin = -2;
setting.options.maxAxisType = GC.Spread.Sheets.Sparklines.SparklineAxisMinMax.custom;
setting.options.manualMax = 10;
var s1=  activeSheet.setSparkline(11, 0, data, GC.Spread.Sheets.Sparklines.DataOrientation.Vertical, GC.Spread.Sheets.Sparklines.SparklineType.line, setting);
var s2 =activeSheet.setSparkline(11, 3, data, GC.Spread.Sheets.Sparklines.DataOrientation.Vertical, GC.Spread.Sheets.Sparklines.SparklineType.column, setting);
var s3=  activeSheet.setSparkline(11, 6, data, GC.Spread.Sheets.Sparklines.DataOrientation.Vertical, GC.Spread.Sheets.Sparklines.SparklineType.winloss, setting);
var group = activeSheet.groupSparkline([s1,s2,s3]);
var data = new GC.Spread.Sheets.Range(1, 0, 8, 1);
var setting = new GC.Spread.Sheets.Sparklines.SparklineSetting
setting.options.showMarkers = true;
setting.options.lineWeight = 3;
setting.options.displayXAxis = true;
setting.options.showFirst = true;
setting.options.showLast = true;
setting.options.showLow = true;
setting.options.showHigh = true;
setting.options.showNegative = true;
setting.options.seriesColor = "Text 2 1";
setting.options.firstMarkerColor = "Text 2 3";
setting.options.negativeColor = "Accent 2 1";
setting.options.markersColor = "Accent 3 1";
setting.options.lowMarkerColor = "Accent 4 1";
setting.options.highMarkerColor = "Accent 6 1";
setting.options.lastMarkerColor = "Accent 6 6";
setting.options.axisColor = "Text 1 1";

setting.options.displayEmptyCellsAs =  GC.Spread.Sheets.Sparklines.EmptyValueStyle.Zero;
activeSheet.addSpan(13, 0, 4, 3, null);
activeSheet.setSparkline(13, 0, data, GC.Spread.Sheets.Sparklines.DataOrientation.vertical, GC.Spread.Sheets.Sparklines.SparklineType.line, setting);
activeSheet.setValue(1, 0, 1);
activeSheet.setValue(2, 0, -2);
activeSheet.setValue(3, 0, -1);
activeSheet.setValue(4, 0, 6);
activeSheet.setValue(5, 0, 4);
activeSheet.setValue(6, 0, -4);
activeSheet.setValue(7, 0, 3);
activeSheet.setValue(8, 0, 8);
関連トピック

参照

SparklineSetting タイプ