下載SpreadJS最新試用版

前言 | 問題背景

貝爾曲線（也稱為正態分布、Bell Curve）是變量的常見分布類型。貝爾曲線有很多用例，在統計學中，鐘形曲線用于模擬各種各樣的真實數據。在金融行業，分析師和投資者在分析證券的回報或整體市場敏感度時使用正態概率分布。

在這篇文章中，我將討論如何在Spread.Sheets中設計鐘形曲線。我們將使用散點圖和內置公式繪制曲線。

具體實現

讓我們用一些公司員工評級的假設數據填寫Spread.Sheets。

在Spread.Sheets中填充數據的代碼如下：

spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 2 });
var dataSheet = spread.sheets[0];

dataSheet.setValue(0, 0, 'Employee Name', GC.Spread.Sheets.SheetArea.colHeader);
dataSheet.setValue(0, 1, 'Employee Ratings', GC.Spread.Sheets.SheetArea.colHeader);
dataSheet.setValue(0, 2, 'Normal Distribution', GC.Spread.Sheets.SheetArea.colHeader);
dataSheet.setValue(0, 3, 'Mean', GC.Spread.Sheets.SheetArea.colHeader);
dataSheet.setValue(0, 4, 'Standard Deviation', GC.Spread.Sheets.SheetArea.colHeader);

for (var i = 0; i <= 99; i++)
{               
    dataSheet.setValue(i, 0, "Employee" +" "+ i);
}
for (var i = 0; i <= 99; i++) {             

    dataSheet.setValue(i, 1, Math.floor(Math.random() * (50 - 10 + 1)) + 10);
}

由于鐘形曲線顯示正態分布，我們將使用SpreadJS的Norm.Dist（）來計算數據點。

但是，正態分布需要均值和標準差來計算分布值。因此，讓我們首先得到這些值的均值和標準差。

請注意，需要按遞增順序對值進行排序，以找到正確的均值。

spread.getActiveSheet().sortRange(-1, -1, -1, -1, true, [{ index: 1, ascending: true }]);

讓我們計算平均值和標準差：

dataSheet.setFormula(0, 3, "=AVERAGE(B1:B100)", GC.Spread.Sheets.SheetArea.viewport);
dataSheet.setFormula(0, 4, "=STDEV(B1:B100)", GC.Spread.Sheets.SheetArea.viewport);

讓我們將這些值放在Norm.Dist公式中以獲得分布：

for (var i = 0; i <= 99; i++) {
    var j = i + 1;
    dataSheet.setFormula(i, 2, "=NORM.DIST(B" + j + ",D1,E1,FALSE) ", GC.Spread.Sheets.SheetArea.viewport);
}

現在最重要的部分是使用計算的分布來繪制鐘形曲線圖。在SpreadJS中，我們將Scatter圖表的數據范圍設置為這些分布值：

SpreadJS | 下載試用

純前端表格控件SpreadJS，是市面上布局與功能都與 Excel 高度類似的一款表格控件，全中文操作界面，適用于.NET、Java、移動端等多個平臺的類 Excel 數據開發，備受華為、中通、民航飛行學院等國內知名企業客戶青睞。