97狠狠,日本中文字幕网址,日韩精品视频一区二区三区

SpreadJS前端開發案例：如何利用Javasrcipt創建財務關鍵業績指標表

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

概述：本示例展示了如何使用SpreadJS創建商業關鍵業績指標表單, 例如財務關鍵業績指標表單這個示例主要使用了公式，單元格格式和條件格式, 以及使用fromJSON加載預定義的模板。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關鏈接：

下面的示例展示了如何使用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：

<!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的六大原因：

點擊下載最新版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 公式函數，內置高效、可擴展的計算引擎，滿足用戶自定義公式、跨表格引用等多場景下的計算需求，輕松實現數據聚合，讓有效數據不斷完善

本篇文章你學會了嗎！趕快下載體驗吧！為慶祝慧都成立17周年。我們推出購正版送上萬豪禮活動，界面開發工具正版授權最高直降10000+元，SpreadJS正版授權低至3490元！歡迎咨詢慧都在線客服了解詳情！

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：

上一篇：程序授權托管解決方案IntelliLock關于GUI要素介紹下一篇：MindFusion.Diagramming for WinForms使用教程：使用Electron.js運行JavaScript圖應用程序

相關產品

控件

產品功能：文檔管理

源碼：非開源

產品編號：13558

當前版本：v18.0 Update1 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： GrapeCity

正式授權

">SpreadJS

面向企業級應用開發、基于HTML5的純JavaScript電子表格控件。

最新文章 MORE

金喜正規買球相關的文章 MORE

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

SpreadJS前端開發案例：如何利用Javasrcipt創建財務關鍵業績指標表

用科技創就卓越

Create excellence with technology

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

SpreadJS前端開發案例：如何利用Javasrcipt創建財務關鍵業績指標表

為你推薦

用科技創就卓越

Create excellence with technology