使用html和js制作饼图,使用js画图之饼图

使用js画图之饼图

饼图是将一个圆分割为多个扇形。

//饼图

//dot 圆点

//r 半径

//data 数据(一维数组)

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

total += data[i];

}

for(i = 0;i

var angle = new Number(360*data[i]/total).toFixed(3); //将data[i]/total转换为角度

//画一个扇形

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

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

}

使用html和js制作饼图,使用js画图之饼图相关推荐

html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发...
4.0.0 主要更新添加了对ammo.js的支持, 作为物理插件(复合对象,电机,关节) (TrevorDev)Added 在ammo.js物理插件中增加了对 3D软体,2D布和1D绳索的软体的支 ...
html加css加js制作的烟花,js实现烟花特效
本文实例为大家分享了js实现烟花特效的具体代码,供大家参考,具体内容如下 1.概述在网页背景中实现鼠标点击出现模拟烟花爆炸的特效 2.思路 1.获取鼠标点击位置,底端创建烟花节点. 2.为烟花添加c ...
使用 ale.js 制作一个小而美的表格编辑器（2）
今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请访 ...
使用reveal.js制作PPT，并部署至GitHub
折腾了一天把PPT做好,经历千辛万苦终于上传到Github上实现预览,记下啦,以免下次再用的时候忘掉制作PPT 一.安装reveal.js 1.基本安装(我觉得写个PPT,基本安装就可以啦) clo ...
使用 ale.js 制作一个小而美的表格编辑器（3）
今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请访 ...
纯JS制作的窗户雨滴效果
今天本站推荐的代码是用JS制作的窗户雨滴效果,绚丽的效果不亚于FLASH,由于不知出处在哪,总而言之, 在此感谢作者的慷慨分享. function demo() { var engine = new ...
使用 FlipClock.js 制作精美的时钟、定时器和倒计时功能
FlipClock.js 被创建出来是因为其他的解决方案不够抽象,不能够在不重写的代码的情况下提供了深层次的自定义.有些库的参数过多,而另外一些则是脚本中的硬编码太多,不够灵活. 在参考许多现有的解决 ...
php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
用JS制作一个信息管理平台完整版
前言 JRedu 在之前的文章中,介绍了如何用JS制作一个实用的信息管理平台. 但是那样的平台功能过于简陋了,我们今天来继续完善一下. 首先我们回顾一下之前的内容. 1.JSON的基础知识 ...

使用html和js制作饼图,使用js画图之饼图

使用html和js制作饼图,使用js画图之饼图相关推荐

最新文章

热门文章