jQuery插件HighCharts實現(xiàn)的2D對數(shù)餅圖效果示例【附demo源碼下載】
更新時間：2017年03月09日 08:56:12 作者：翱翔天地
這篇文章主要介紹了jQuery插件HighCharts實現(xiàn)的2D對數(shù)餅圖效果,結(jié)合實例形式分析了jQuery圖形插件HighCharts繪制2D對數(shù)餅圖的具體實現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了jQuery插件HighCharts實現(xiàn)的2D對數(shù)餅圖效果。分享給大家供大家參考，具體如下：
1、實例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HighCharts 2D對數(shù)軸餅圖</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: '(jb51.net)對數(shù)軸餅圖'
},
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、運行效果圖：
附：完整實例代碼點擊此處本站下載。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery插件HighCharts實現(xiàn)氣泡圖效果示例【附demo源碼】
- jQuery插件HighCharts繪制2D帶有Legend的餅圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D圓環(huán)圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D半圓環(huán)圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D金字塔圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D柱狀圖、折線圖和餅圖的組合圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果示例【附demo源碼下載】
- jQuery插件HighCharts實現(xiàn)2D柱狀圖、折線圖的組合多軸圖效果示例【附demo源碼下載】
- jQuery插件HighCharts實現(xiàn)的2D回歸直線散點效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D帶Label的折線圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制的基本折線圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制的2D堆柱狀圖效果示例【附demo源碼下載】
相關(guān)文章
前端jQuery復(fù)制文本到剪貼板功能實現(xiàn)
這篇文章主要介紹了前端如何使用jQuery實現(xiàn)點擊“復(fù)制”按鈕時,獲取并復(fù)制父級元素下子元素的文本HTML代碼的功能,文中給出了實現(xiàn)的詳細(xì)代碼,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了jQuery?基礎(chǔ)選擇器與屬性選擇器，選擇所有元素,此選擇器使用要慎重，其速度是極其慢的，詳細(xì)介紹內(nèi)容需要的小伙伴可以參考一下下面文章內(nèi)容2022-08-08
最近使用jquery寫了一個圖片滑動的插件，雖然還是有些問題存在，用法很簡單，希望對大家有所幫助2013-11-11
使用jQuery處理AJAX請求的基礎(chǔ)學(xué)習(xí)教程
這篇文章主要介紹了使用jQuery處理AJAX請求的基礎(chǔ)學(xué)習(xí)教程,除此之外還引申了鏈?zhǔn)教幚硎录卣{(diào)的寫法,由淺入深非常值得借鑒,需要的朋友可以參考下2016-05-05
基于jQuery對象和DOM對象和字符串之間的轉(zhuǎn)化實例
下面小編就為大家?guī)硪黄趈Query對象和DOM對象和字符串之間的轉(zhuǎn)化實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
本文給大家分享一段簡單的jquery代碼實現(xiàn)一個簡單易懂的彈出框，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-07-07
這篇文章主要為大家介紹了Jquery中巧用Ajax的beforeSend方法，beforeSend方法用于在向服務(wù)器發(fā)送請求前添加一些處理函數(shù),需要的朋友可以參考下2016-01-01
jquery實現(xiàn)背景跟隨鼠標(biāo)滑動導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了jquery背景跟隨鼠標(biāo)滑動導(dǎo)航，特別美觀，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-11-11
jQuery實現(xiàn)數(shù)字華容道小游戲(實例代碼)
這篇文章主要介紹了jQuery實現(xiàn)數(shù)字華容道小游戲功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
本文主要實例淺析jQuery操作select控件取值和設(shè)值。有需要的朋友可以看下，希望會對大家有所幫助2016-12-12