jQuery easy pie chart 插件使用(基于HTML5)
来源:互联网 发布:c语言在线调试工具 编辑:程序博客网 时间:2024/06/05 18:22
EASY PIE CHART是一个轻量级的jQuery插件,主要用来渲染和制作漂亮的饼图及动画效果,基于与HTML5的canvas元素。
配置参数
您可以通过一组这些选项的初始化函数来设置一个自定义的行为,并寻找插件。
这个插件支持支持canvas元素所有主流浏览器。随着excanvas你甚至可以呈现在IE 7 +8的图表。
对接
,圆形
和方形
。lineWidth3宽度像素的棒材生产线的。size110大小像素饼图。这将永远是一个正方形。animatefalse时间以毫秒为单位的酒吧越来越多的缓解动画,或虚假停用。onStart$.noop那个叫于任何动画(仅当动画是不是假的)开始回调函数。onStop$.noop这就是所谓在任何动画的结尾(仅当动画是不是假的)的回调函数。onStep$.noop这是在动画提供的当前值调用的回调函数(上下文是插件,这样你就可以通过访问DOM元素这一点。$ EL
)。
使用:
先载入所需要的文件
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script>
<link rel="stylesheet"type="text/css" href="/path/to/jquery.easy-pie-chart.css">
HTML部分
<div data-percent="73">73%</div>
调用:
<script type="text/javascript"> $(function() {
//create instance
$('.chart').easyPieChart({
animate: 2000
});
//update instance after 5 sec
setTimeout(function() {
$('.chart').data('easyPieChart').update(40);
}, 5000); });
</script>
- jQuery easy pie chart 插件使用(基于HTML5)
- easy-pie-chart
- Google pie chart 插件的使用
- JQuery flot pie chart plugin简单例子
- 基于jquery的html5简单拖动插件
- jQuery html5Validate基于HTML5表单验证插件
- jQuery html5Validate基于HTML5表单验证插件
- jQuery html5Validate基于HTML5表单验证插件
- js统计图(js chart)和jQuery插件
- Chart.Js轻量级HTML5图表插件
- chart and pie
- flex3.0 chart pie
- dojo.Chart2D----Pie chart
- Pie Chart "Key"
- Silverlight Pie Chart
- ExtJS - Pie Chart
- Pie Chart 学习例子
- zSlide-基于CSS3/HTML5演示文档jQuery插件
- 阅读笔记常见的设计模式之一:单例模式
- 枚举类的基本使用
- 云计算入门基础知识
- linux 中解析命令行参数 (getopt_long实例)
- nginx学习随笔--events
- jQuery easy pie chart 插件使用(基于HTML5)
- 深度神经网络中的数学
- Selenium打开谷歌浏览器提示chromedriver.exe停止运行且浏览器显示请关闭开发者模式
- python读conf配置文件--ConfigParser
- 函数的可重入性理解
- 项目管理-敏捷开发
- 【Android问题及其解决】Android WebView 和 Soft keyboard 的显示隐藏问题
- getClientRects 和 getBoundingClientRect 的用法和区别
- Winform 线程 委托 更新 WinForm界面