java的关键业绩指标_SpreadJS前端开发案例：如何利用Javasrcipt创建财务关键业绩指标表...

下面的示例展示了如何使用SpreadJS创建商业关键业绩指标表单, 例如财务关键业绩指标表单。

这个示例主要使用了公式，单元格格式和条件格式, 以及使用fromJSON加载预定义的模板。

注意，多个表单包含的数据是相互联系的。

app.js:

window.onload = function () {

var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 1 });

initSpread(spread);

};

function initSpread(spread) {

var sd = data;

if (sd.length > 0) {

if (!spread) {

return;

}

spread.suspendPaint();

spread.fromJSON(sd[0]);

spread.resumePaint();

}

}

Index.html：

Style.css:

.sample-tutorial {

position: relative;

height: 100%;

overflow: hidden;

}

body {

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

}

选择SpreadJS的六大原因：

纯前端组件、跨平台应用嵌入：使用 SpreadJS 的功能，无需预装任何插件或第三方应用软件，可以原生的方式嵌入各类应用，与各类后端技术框架相结合，支持跨平台开发。

在线导入、导出Excel(xlsx):无需任何后台代码和第三方组件！SpreadJS可直接在浏览器中完成 Excel、CSV、JSON 等文件的导入导出、PDF 导出、打印及预览操作

业界领先的 Excel 兼容度：SpreadJS 支持 53 项单元格格式、18 种条件格式、32 种图表，可于 Web系统中轻松嵌入类Excel模块，实现如 Excel 般的数据分析和交互

极高的处理性能和响应速度：SpreadJS 使用稀疏数组(Sparse Array)作为数据存储结构，用 HTML5 图形(Canvas)绘制界面，可提供流畅的交互体验和出色的性能，并最大化节省存储空间。

一流的框架支持及二次扩展能力：基于原生 JavaScript，SpreadJS全面兼容 Angular、 React、 Vue、TypeScript、Breeze 等前端开发框架，符合 UMD 规范，可按需加载，易于在 VSCode 中使用。

强大的公式计算引擎：SpreadJS 兼容 450 种以上的 Excel 公式函数，内置高效、可扩展的计算引擎，满足用户自定义公式、跨表格引用等多场景下的计算需求，轻松实现数据聚合，让有效数据不断完善