//餅圖

//dot 圓點

//r 半徑

//data 數(shù)據(jù)（一維數(shù)組）

function drawPie(dot, r, data){

    if(data && data.length > 0){

        var accumulationAngleOfSlope = new Number(0); //累計偏移角度

        var total = new Number(0);

        var i = 0;

        for(;i<data.length;i++){ //計算data的合計

            total += data[i];

        }

        for(i = 0;i<data.length;i++){

            var angle = new Number(360*data[i]/total).toFixed(3); //將data[i]/total轉(zhuǎn)換為角度

            //畫一個扇形

            drawSector(dot, r, new Number(angle), new Number(accumulationAngleOfSlope), true, Number(parseFloat(data[i]/total)*100).toFixed(3)+'%');

            accumulationAngleOfSlope = accumulationAngleOfSlope+parseFloat(angle); //累計偏移角度

        }

    }

}

您可能感興趣的文章:

相關(guān)文章

js操作textarea 常用方法總結(jié)
在DOM里面操作textarea里面的字符，是比較麻煩的,本文將介紹一種比較簡單的方法，需要的朋友可以參考下
2012-12-12
BootStrap中Datetimepicker和uploadify插件應(yīng)用實例小結(jié)
這篇文章主要介紹了BootStrap中Datetimepicker和uploadify插件應(yīng)用實例小結(jié)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-05-05
js圖片自動切換效果處理代碼
自己設(shè)置每張圖片切換的時間間隔，自己設(shè)置每張圖片的路徑（絕對、相對路徑都可以）雖然很簡單，但是很實用
2013-05-05
js+h5 canvas實現(xiàn)圖片驗證碼
這篇文章主要為大家詳細介紹了js+h5 canvas實現(xiàn)圖片驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
js變量以及其作用域詳解
Javascript和Java、C這些語言不同，它是一種無類型、弱檢測的語言。它對變量的定義并不需要聲明變量類型，我們只要通過賦值的形式，可以將各種類型的數(shù)據(jù)賦值給同一個變量
2012-01-01
javascript模塊化簡單解析
這篇文章主要針對javascript模塊化為大家進行簡單解析，如何寫一個模塊，在頁面中加載模塊的方法，感興趣的小伙伴們可以參考一下
2016-04-04
JavaScript實現(xiàn)省市區(qū)三級聯(lián)動
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)省市區(qū)三級聯(lián)動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02
用JS提交參數(shù)創(chuàng)建form表單在FireFox中遇到的問題
在一個前端頁面上，需要通過JavaScript來提交參數(shù)，使用JS創(chuàng)建form表單，將參數(shù)append到表單中進行提交,接下來將介紹如何操作與實現(xiàn)
2013-01-01
JavaScript中5個重要的Observer函數(shù)小結(jié)
瀏覽器為開發(fā)者提供了功能豐富的Observer,本文主要介紹了JavaScript中5個重要的Observer函數(shù)小結(jié),具有一定的參考價值,感興趣的可以了解一下
2024-01-01
JavaScript實現(xiàn)換膚效果(換背景)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)換膚效果，即換背景功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09