夜夜干天天爽,国产又黄又爽,日韩av二区三区

SpreadJS前端開(kāi)發(fā)案例：如何利用Javasrcipt創(chuàng)建財(cái)務(wù)關(guān)鍵業(yè)績(jī)指標(biāo)表

轉(zhuǎn)帖|使用教程|編輯：鮑佳佳|2021-01-04 10:27:58.757|閱讀 102 次

概述：本示例展示了如何使用SpreadJS創(chuàng)建商業(yè)關(guān)鍵業(yè)績(jī)指標(biāo)表單, 例如財(cái)務(wù)關(guān)鍵業(yè)績(jī)指標(biāo)表單這個(gè)示例主要使用了公式，單元格格式和條件格式, 以及使用fromJSON加載預(yù)定義的模板。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

下面的示例展示了如何使用SpreadJS創(chuàng)建商業(yè)關(guān)鍵業(yè)績(jī)指標(biāo)表單, 例如財(cái)務(wù)關(guān)鍵業(yè)績(jī)指標(biāo)表單。

這個(gè)示例主要使用了公式，單元格格式和條件格式, 以及使用fromJSON加載預(yù)定義的模板。

注意，多個(gè)表單包含的數(shù)據(jù)是相互聯(lián)系的。

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：

<!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="$DEMOROOT$/spread/source/data/financialKPIs.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>

Style.css:

.sample-tutorial {
position: relative;
height: 100%;
overflow: hidden;
}

body {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

選擇SpreadJS的六大原因：

點(diǎn)擊下載最新版SpreadJS

純前端組件、跨平臺(tái)應(yīng)用嵌入：使用 SpreadJS 的功能，無(wú)需預(yù)裝任何插件或第三方應(yīng)用軟件，可以原生的方式嵌入各類應(yīng)用，與各類后端技術(shù)框架相結(jié)合，支持跨平臺(tái)開(kāi)發(fā)。

在線導(dǎo)入、導(dǎo)出Excel（xlsx）:無(wú)需任何后臺(tái)代碼和第三方組件！SpreadJS 可直接在瀏覽器中完成 Excel、CSV、JSON 等文件的導(dǎo)入導(dǎo)出、PDF 導(dǎo)出、打印及預(yù)覽操作

業(yè)界領(lǐng)先的 Excel 兼容度：SpreadJS 支持 53 項(xiàng)單元格格式、18 種條件格式、32 種圖表，可于 Web系統(tǒng)中輕松嵌入類Excel模塊，實(shí)現(xiàn)如 Excel 般的數(shù)據(jù)分析和交互

極高的處理性能和響應(yīng)速度：SpreadJS 使用稀疏數(shù)組(Sparse Array)作為數(shù)據(jù)存儲(chǔ)結(jié)構(gòu)，用 HTML5 圖形(Canvas)繪制界面，可提供流暢的交互體驗(yàn)和出色的性能，并最大化節(jié)省存儲(chǔ)空間。

一流的框架支持及二次擴(kuò)展能力：基于原生 JavaScript，SpreadJS 全面兼容 Angular、 React、 Vue、TypeScript、Breeze 等前端開(kāi)發(fā)框架，符合 UMD 規(guī)范，可按需加載，易于在 VSCode 中使用。

強(qiáng)大的公式計(jì)算引擎：SpreadJS 兼容 450 種以上的 Excel 公式函數(shù)，內(nèi)置高效、可擴(kuò)展的計(jì)算引擎，滿足用戶自定義公式、跨表格引用等多場(chǎng)景下的計(jì)算需求，輕松實(shí)現(xiàn)數(shù)據(jù)聚合，讓有效數(shù)據(jù)不斷完善

本篇文章你學(xué)會(huì)了嗎！趕快下載體驗(yàn)吧！為慶?；鄱汲闪?7周年。我們推出購(gòu)正版送上萬(wàn)豪禮活動(dòng)，界面開(kāi)發(fā)工具正版授權(quán)最高直降10000+元，SpreadJS正版授權(quán)低至3490元！歡迎咨詢慧都在線客服了解詳情！

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：

上一篇：程序授權(quán)托管解決方案IntelliLock關(guān)于GUI要素介紹下一篇：MindFusion.Diagramming for WinForms使用教程：使用Electron.js運(yùn)行JavaScript圖應(yīng)用程序