方差函数迷你图

方差函数迷你图对于将一个项目的不同选项与类似项目进行比较是很有用的。

此函数有以下参数: variance: 类型为数字或者引用,表示条的长度,比如2或者"A1"。 reference: (可选参数)类型为数字或者引用,表示参照线的位置,比如0或者"A2";默认值是0。 mini: (可选参数)类型为数字或者引用,表示迷你图的最小值,比如-5或者"A3";默认值是-1。 maxi: (可选参数)类型为数字或者引用,表示迷你图的最大值,比如5或者"A4";默认值是1。 mark: (可选参数)类型为数字或者引用,表示标志线的位置,比如3或者"A5";默认值是0。 tickunit: (可选参数)类型为数字或者引用,表示刻度单位,比如1或者"A6";默认值是0。 legend: (可选参数)类型为布尔值,表示是否显示说明文本;默认值是false,也就是不显示。 colorPositive: (可选参数)类型为颜色字符串,如果方差大于参照值就用这种颜色填充条;默认值是"green"。 colorNegative: (可选参数)类型为颜色字符串,如果方差小于参照值就用这种颜色填充条;默认值是"red"。 vertical: (可选参数)类型为布尔值,表示迷你图是垂直显示还是水平显示;默认值是false,也就是水平显示。
window.onload = function () { var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 2 }); initSpread(spread); }; function initSpread(spread) { spread.suspendPaint(); var sheet = spread.getActiveSheet(); let spreadNS = GC.Spread.Sheets; var table1 = sheet.tables.add("table1", 0, 0, 13, 5, spreadNS.Tables.TableThemes.medium4); table1.rowFilter().filterButtonVisible(false); sheet.setArray(0, 0, [ ["Sales", "Budget", "Actual", "Variance", "Variance %"], ["Jan",305554 ,336431], ["Feb",280311 ,370582 ], ["Mar",309347 ,322689 ], ["Apr",502688 ,386790 ], ["May",351267 ,363122 ], ["Jun",351922 ,314589 ], ["Jul",364770 ,342515 ], ["Aug",373980 ,317154 ], ["Sep",397717 ,360083 ], ["Oct",275849 ,370909 ], ["Nov",426031 ,376791 ], ["Dec",267710 ,398198 ] ]); for (let i = 2; i < 14; i++) { sheet.setFormula((i-1),3,'=(C'+ i +'-B'+ i+')'); sheet.setFormula((i-1),4,'=VARISPARKLINE(ROUND((D'+ i+')/(B'+i+'),2),0,,,,0.2,TRUE)'); } //some cell formatting sheet.getRange(1, 1, 12, 3) .hAlign(GC.Spread.Sheets.HorizontalAlign.right) .formatter("$#,000;$-#,000"); sheet.getRange(1, 4, 12, 1) .hAlign(GC.Spread.Sheets.HorizontalAlign.right) .formatter("0%"); sheet.setColumnWidth(1, 120); sheet.setColumnWidth(2, 120); sheet.setColumnWidth(3, 120); sheet.setColumnWidth(4, 200); spread.resumePaint(); };
<!doctype html> <html style="height:100%;font-size:14px;"> <head> <meta name="spreadjs culture" content="zh-cn" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css"> <script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/dist/gc.spread.sheets.all.min.js" type="text/javascript"></script> <script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets-resources-zh/dist/gc.spread.sheets.resources.zh.min.js" type="text/javascript"></script> <script src="$DEMOROOT$/spread/source/js/license.js" type="text/javascript"></script> <script src="app.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <div class="sample-tutorial"> <div id="ss" style="width:100%;height:100%"></div> </div> </body> </html>
.sample-tutorial { position: relative; height: 100%; overflow: hidden; } body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }