SpreadJS 产品帮助手册
Page tree
Skip to end of metadata
Go to start of metadata

通过StackedSparkline函数可以创建面积函数迷你图

StackedSparkline函数有以下这些参数：

Option

Description

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);
  • No labels