jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】


Posted in Javascript onMarch 09, 2017

本文实例讲述了jQuery插件HighCharts实现的2D对数饼图效果。分享给大家供大家参考,具体如下:

1、实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HighCharts 2D对数轴饼图</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript">
$(function(){
 $('#logarithmicPieChart').highcharts({
  chart: {
  },
  title: {
   text: '(3water.com)对数轴饼图'
  },
  xAxis: {
   tickInterval: 2
  },
  yAxis: {
   type: 'logarithmic',
   minorTickInterval: 0.5
  },
  tooltip: {
   headerFormat: '<b>{series.name}</b><br />',
   pointFormat: 'x = {point.x}, y = {point.y}'
  },
  series: [{
   data: [1, 3, 9, 27, 81, 243, 729, 2187, 6561, 19683,59049,177147,531441,1594323],
   pointStart: 1
  }]
 });
 });
</script>
</head>
<body>
 <div id="logarithmicPieChart" style="width: 1200px; height: 500px; margin: 0 auto"></div>
</body>
</html>

2、运行效果图:

jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】

Javascript 相关文章推荐
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
Jan 16 Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
jquery拖动改变div大小
Jul 04 jQuery
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
webpack源码之loader机制详解
Apr 06 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
Mar 14 Javascript
微信小程序实现滑动操作代码
Apr 23 Javascript
el-table树形表格表单验证(列表生成序号)
May 31 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 #Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 #Javascript
js实现年月日表单三级联动
Apr 17 #Javascript
js实现3D图片展示效果
Mar 09 #Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 #Javascript
less简单入门(CSS 预处理语言)
Mar 08 #Javascript
完美实现js选项卡切换效果(二)
Mar 08 #Javascript
You might like
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
Jquery-data的三种用法
2017/04/18 jQuery
Angular2学习教程之ng中变更检测问题详解
2017/05/28 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
2018/05/26 jQuery
[01:39](回顾)各路豪强针锋相对,几经鏖战四强产生
2014/07/01 DOTA
Python实现文件复制删除
2016/04/19 Python
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
python二维键值数组生成转json的例子
2019/12/06 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
CentOS 7如何实现定时执行python脚本
2020/06/24 Python
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
牛津在线药房:Oxford Online Pharmacy
2020/11/16 全球购物
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
区域总监的岗位职责
2013/11/21 职场文书
高中生家长会演讲稿
2014/01/14 职场文书
《匆匆》教学反思
2014/02/22 职场文书
产品质量承诺书
2014/03/27 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
民事和解协议书格式
2014/11/29 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL