本文实例讲述了jQuery插件HighCharts实现的2 d对数饼图效果。分享给大家供大家参考,具体如下:
1,实例代码:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> HighCharts 2 d对数轴饼图& lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/jquery-1.7.2.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/highcharts.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
$(函数(){
$ (' # logarithmicPieChart ') .highcharts ({
图:{
},
标题:{
文本:“(jb51.net)对数轴饼图”
},
xAxis: {
tickInterval: 2
},
桠溪:{
类型:“对数”,
minorTickInterval: 0.5
},
提示:{
headerFormat:“& lt; b> {series.name} & lt;/b> & lt; br/祝辞”,
pointFormat:“x={点。x}, y={point.y} '
},
系列:[{
数据:(1、3、9日27日,81年,243年,729年,2187年,6561年,19683年,59049年,177147年,531441年,1594323),
pointStart: 1
})
});
});
& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=" logarithmicPieChart "祝辞& lt;/div>
& lt;/body>
& lt;/html>
之前
2,运行效果图:
jQuery插件HighCharts实现的2 d对数饼图效果示例【附演示源码下载】
