下載SpreadJS最新試用版

前言 | 問題背景

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

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

具體實現(xiàn)

讓我們用一些公司員工評級的假設(shè)數(shù)據(jù)填寫Spread.Sheets。

在Spread.Sheets中填充數(shù)據(jù)的代碼如下：

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);
}

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

但是，正態(tài)分布需要均值和標(biāo)準(zhǔn)差來計算分布值。因此，讓我們首先得到這些值的均值和標(biāo)準(zhǔn)差。

請注意，需要按遞增順序?qū)χ颠M行排序，以找到正確的均值。

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

讓我們計算平均值和標(biāo)準(zhǔn)差：

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);
}

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

SpreadJS | 下載試用

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