//餅圖

//dot 圓點(diǎn)

//r 半徑

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

function drawPie(dot, r, data){

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

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

        var total = new Number(0);

        var i = 0;

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

            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)換為角度

            //畫一個(gè)扇形

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

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

        }

    }

}

您可能感興趣的文章:

相關(guān)文章

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