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内容过滤选择器选择元素实例讲解
Apr 18 Javascript
jquery 取子节点及当前节点属性值
Jul 25 Javascript
json实现添加、遍历与删除属性的方法
Jun 17 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
JavaScript反弹动画效果的实现代码
Jul 13 Javascript
基于input动态模糊查询的实现方法
Dec 12 Javascript
实时监控input框,实现输入框与下拉框联动的实例
Jan 23 Javascript
vue 解决异步数据更新问题
Oct 29 Javascript
Angular性能优化之第三方组件和懒加载技术
May 10 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
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
php模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
PHP-redis中文文档介绍
2013/02/07 PHP
Windows中使用计划任务自动执行PHP程序实例
2014/05/09 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
Linux环境下php实现给网站截图的方法
2016/05/03 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
window.location.hash知识汇总
2015/11/09 Javascript
jQuery的deferred对象使用详解
2016/09/25 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
2017/10/28 jQuery
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
Python中Scrapy爬虫图片处理详解
2017/11/29 Python
Numpy数组的保存与读取方法
2018/04/04 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
在django中,关于session的通用设置方法
2019/08/06 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
canvas实现漂亮的下雨效果的示例
2018/04/18 HTML / CSS
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
韩国11街:11STREET
2018/03/27 全球购物
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
房地产开发项目建议书
2014/05/16 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
本科毕业论文答辩稿
2015/06/23 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
python爬取网页版QQ空间,生成各类图表
2021/06/02 Python