SpreadJS製品ヘルプ
散布図スパークライン
SpreadJS > 開発者の手引き > 機能 > データ視覚化とオブジェクトの管理 > スパークライン > 散布図スパークライン

ScatterSparkline数式とセル値を使用して、散布図スパークラインを作成できます。

散布図スパークラインの数式には、以下のオプションを使用できます。

オプション 説明
Points1 1番目のxyデータ系列。行数が列数と同じか、より大きい場合は、先頭2列のデータを使用します。1番目の列はx値を、2番目の列はy値を保持します。行数が列数未満の場合は、先頭2行のデータを使用します。1番目の行はx値を、2番目の行はy値を保持します。
Points2 2番目のxyデータ系列。行数が列数と同じか、より大きい場合は、先頭2列のデータを使用します。1番目の列はx値を、2番目の列はy値を保持します。行数が列数未満の場合は、先頭2行のデータを使用します。1番目の行はx値を、2番目の行はy値を保持します。
MinX 両系列のx上限値。このオプションを指定しない場合は、系列ごとに個々の最大値が使用されます。
MaxX 両系列のx上限値。このオプションを指定しない場合は、系列ごとに個々の最大値が使用されます。
MinY 両系列のy下限値。このオプションを指定しない場合は、系列ごとに個々の最小値が使用されます。
MaxY 両系列のy上限値。このオプションを指定しない場合は、系列ごとに個々の最大値が使用されます。
HLine 水平軸の位置。このオプションを指定しない場合は、水平軸は表示されません。
VLine 垂直軸の位置。このオプションを指定しない場合は、垂直軸は表示されません。
XMinZone グレーゾーンのx最小値。4つのパラメータのうち1つでも省略されていると、グレーゾーンは表示されません。
XMaxZone グレーゾーンのx最大値。4つのパラメータのうち1つでも省略されていると、グレーゾーンは表示されません。
YMinZone グレーゾーンのy最小値。4つのパラメータのうち1つでも省略されていると、グレーゾーンは表示されません。
YMaxZone グレーゾーンのy最大値。4つのパラメータのうち1つでも省略されていると、グレーゾーンは表示されません。
Tags このオプションをtrueに設定すると、第1系列のy値が最大となるデータ点が「#0000FF」に、第1系列のy値が最小となるデータ点が「#CB0000」にマークされます。指定を省略した場合はfalseとみなされます。
DrawSymbol このオプションをtrueに設定すると、各データ点が記号として描画されます。第1系列のデータ点は丸で、第2系列のデータ点は四角で表されます。指定を省略した場合はtrueとみなされます。
DrawLines このオプションをtrueに設定すると、各データ系列内のデータ点が線でつながれます。指定を省略した場合はfalseとみなされます。
Color1 1番目のデータ系列の色を表す文字列。指定を省略した場合は「#969696」とみなされます。
Color2 2番目のデータ系列の色を表す文字列。指定を省略した場合は「#CB0000」とみなされます。
Dash このオプションをtrueに設定すると、線が点線として描画されます。そうでない場合は実線で描画されます。指定を省略した場合はfalseとみなされます。

散布図スパークラインの数式には、次の構文を使用します。

=SCATTERSPARKLINE(points1, points2, minX, maxX, minY, maxY, hLine, vLine, xMinZone, xMaxZone, yMinZone, yMaxZone, tags, drawSymbol, drawLines, color1, color2, dash)

コードの使用

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

JavaScript
コードのコピー
activeSheet.setValue(2, 0, 2.0);
activeSheet.setValue(2, 1, 140);
activeSheet.setValue(3, 0, 3.8);
activeSheet.setValue(3, 1, 130);
activeSheet.setValue(4, 0, 4.0);
activeSheet.setValue(4, 1, 120);
activeSheet.setValue(5, 0, 4.2);
activeSheet.setValue(5, 1, 118);
activeSheet.setValue(6, 0, 4.0);
activeSheet.setValue(6, 1, 120);
activeSheet.setValue(7, 0, 5.0);
activeSheet.setValue(7, 1, 110);
activeSheet.setValue(8, 0, 5.5);
activeSheet.setValue(8, 1, 110);
activeSheet.setValue(9, 0, 5.9);
activeSheet.setValue(9, 1, 105);
activeSheet.setValue(10, 0, 7.8);
activeSheet.setValue(10, 1, 100);
activeSheet.addSpan(2, 2, 9, 2);
activeSheet.setFormula(2, 2, '=SCATTERSPARKLINE(A3:B11,,0,8,0,150,0,0,0,8,100,150,TRUE,TRUE,FALSE,"FD8E2C")');
activeSheet.setRowHeight(0, 50);
関連トピック