ホームページ  >  記事  >  ウェブフロントエンド  >  jsを使って円グラフを描く_javascriptスキル

jsを使って円グラフを描く_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:20:461574ブラウズ

js を使用して円グラフを描画します

円グラフは、複数のセクターに分割された円です。

サンプル: http://www.zhaojz.com.cn/demo/draw8.html

コードをコピーします コードは次のとおりです:

//円グラフ
//ドットドット
//r 半径
//データ データ(1次元配列)
functiondrawPie(dot, r, data){
If(データ && データ長 > 0){
varcumulativeAngleOfSlope = new Number(0) //累積オフセット角度
; var total = 新しい数値(0);
var i = 0;
for(;i total = データ[i];
}
for(i = 0;i var angle = new Number(360*data[i]/total).toFixed(3) //data[i]/total を angle
に変換します。 //扇形を描画します
drawSector(dot, r, new Number(angle), new Number(accumulationAngleOfSlope), true, Number(parseFloat(data[i]/total)*100).toFixed(3) '%');
cumulativeAngleOfSlope =cumulativeAngleOfSlope parseFloat(angle) // 累積オフセット角度
}
}
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。