[{"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"}]}]
        
(Showing Draft Content)

数式を使用したスパークライン

数式を使用してスパークラインの作成数式を使用して、縦棒、折れ線、および勝敗スパークラインを作成できます。


数式には、以下のオプションを使用できます。

オプション

説明

Data

スパークラインデータを表すセル範囲の参照。「A1:C3」のように指定します。

DataOrientation

スパークラインのデータの方向を表す数値。「0」は垂直方向、「1」は水平方向を表します。

DateAxisData

スパークラインの日付軸のデータを表すセル範囲の参照。「D1:F3」のように指定します。この設定は省略可能です。

DateAxisOrientation

スパークラインの日付軸の方向を表す数値。「0」は垂直方向、「1」は水平方向を表します。この設定は省略可能です。

Setting

JSON書式を使用した文字列。次に、例を示します。 "{axisColor:rgb(255,255,0),firstMarkerColor:brown,highMarkerColor:red,lastMarkerColor:blue,lowMarkerColor:green,markersColor:purple,negativeColor:yellowgreen,

seriesColor:pink,displayXAxis:true,showFirst:true,showHigh:true,showLast:true,showLow:true,showNegative:true,showMarkers:true,lineWeight:3,displayHidden:false,

displayEmptyCellsAs:1,rightToLeft:false,minAxisType:1,maxAxisType:1,manualMax:5,manualMin:-3}". この設定は省略可能です。

次の表は、JSON書式文字列と、これに対応するスパークライン設定のメソッドまたはプロパティの一覧を示します。

Jsonプロパティ

SparklineSetting.Optionsプロパティ

AXISCOLOR

axisColor

FIRSTMARKERCOLOR

firstMarkerColor

HIGHMARKERCOLOR

highMarkerColor

LASTMARKERCOLOR

lastMarkerColor

LOWMARKERCOLOR

lowMarkerColor

MARKERSCOLOR

markersColor

NEGATIVECOLOR

negativeColor

SERIESCOLOR

seriesColor

DISPLAYEMPTYCELLSAS

displayEmptyCellsAs

RIGHTTOLEFT

rightToLeft

DISPLAYHIDDEN

displayHidden

DISPLAYXAXIS

displayXAxis

SHOWFIRST

showFirst

SHOWHIGH

showHigh

SHOWLAST

showLast

SHOWLOW

showLow

SHOWNEGATIVE

showNegative

SHOWMARKERS

showMarkers

MANUALMAX

manualMax

MANUALMIN

manualMin

MAXAXISTYPE

maxAxisType

MINAXISTYPE

minAxisType

LINEWEIGHT

lineWeight

折れ線、縦棒、および勝敗スパークラインの数式には、以下の書式を使用します。

=LINESPARKLINE(data, dataOrientation, dateAxisData, dateAxisOrientation, setting)

=COLUMNSPARKLINE(data, dataOrientation, dateAxisData, dateAxisOrientation, setting)

=WINLOSSSPARKLINE(data, dataOrientation, dateAxisData, dateAxisOrientation, setting)

コードの使用

次のサンプルコードでは、数式を使用して縦棒、折れ線、および勝敗スパークラインを作成します。

activeSheet.addSpan(0, 0, 1, 5);
 activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).value("The company revenue in 2014").font("20px Arial").hAlign(GC.Spread.Sheets.HorizontalAlign.center).vAlign(GC.Spread.Sheets.VerticalAlign.center);
 var table1 = activeSheet.tables.add("table1", 1, 0, 13, 5, GC.Spread.Sheets.Tables.TableThemes.medium4);
 table1.filterButtonVisible(false);
 activeSheet.setValue(1, 0, "Month");
 activeSheet.setValue(1, 1, "Revenue");
 activeSheet.setValue(1, 2, "Diagram 1");
 activeSheet.setValue(1, 3, "Diagram 2");
 activeSheet.setValue(1, 4, "Diagram 3");
 for (var i = 2; i < 14; i++) {
     activeSheet.setValue(i, 0, new Date(2014, i - 1, 1));
 }
 activeSheet.getRange(-1, 0, -1, 1).formatter("mm/dd/yyyy");
 activeSheet.setValue(2, 1, 10);
 activeSheet.setValue(3, 1, 20);
 activeSheet.setValue(4, 1, 50);
 activeSheet.setValue(5, 1, 100);
 activeSheet.setValue(6, 1, 30);
 activeSheet.setValue(7, 1, - 10);
 activeSheet.setValue(8, 1, -25);
 activeSheet.setValue(9, 1, 60);
 activeSheet.setValue(10, 1, 50);
 activeSheet.setValue(11, 1, 30);
 activeSheet.setValue(12, 1, 80);
 activeSheet.setValue(13, 1, 88);
 activeSheet.addSpan(2, 2, 10, 1);
 activeSheet.setFormula(2, 2, '=LINESPARKLINE(B3:B14,0,A3:A14,0,"{axisColor:rgb(255,255,0),firstMarkerColor:brown,highMarkerColor:red,lastMarkerColor:blue,lowMarkerColor:green,markersColor:purple,negativeColor:yellowgreen,seriesColor:pink,displayXAxis:true,showFirst:true,showHigh:true,showLast:true,showLow:true,showNegative:true,showMarkers:true,lineWeight:3,displayHidden:false,displayEmptyCellsAs:1,rightToLeft:false,minAxisType:1,maxAxisType:1,manualMax:5,manualMin:-3}")');
 activeSheet.addSpan(2, 3, 10, 1);
 activeSheet.setFormula(2, 3, '=COLUMNSPARKLINE(B3:B14,0,A3:A14,0,"{axisColor:rgb(255,255,0),firstMarkerColor:brown,highMarkerColor:red,lastMarkerColor:blue,lowMarkerColor:green,markersColor:purple,negativeColor:yellowgreen,seriesColor:pink,displayXAxis:true,showFirst:true,showHigh:true,showLast:true,showLow:true,showNegative:true,showMarkers:true,lineWeight:3,displayHidden:false,displayEmptyCellsAs:1,rightToLeft:false,minAxisType:1,maxAxisType:1,manualMax:5,manualMin:-3}")');
 activeSheet.addSpan(2, 4, 10, 1);
 activeSheet.setFormula(2, 4, '=WINLOSSSPARKLINE(B3:B14,0,A3:A14,0)');
 activeSheet.setRowHeight(0, 50);
 for (var i = 1; i < 14; i++) {
     activeSheet.setRowHeight(i, 25);
 }
 activeSheet.setColumnWidth(0, 80);
 activeSheet.setColumnWidth(2, 200);
 activeSheet.setColumnWidth(3, 200);
 activeSheet.setColumnWidth(4, 200);