中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jQuery插件HighCharts實現氣泡圖效果示例【附demo源碼】

發布時間:2020-10-13 06:49:25 來源:腳本之家 閱讀:188 作者:翱翔天地 欄目:web開發

本文實例講述了jQuery插件HighCharts實現氣泡圖效果。分享給大家供大家參考,具體如下:

1、實例代碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HighCharts 氣泡圖</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" src="js/highcharts-more.js"></script>
<script type="text/javascript">
$(function(){
   $('#bubbleChart').highcharts({
     chart: {
        type: 'bubble',
        zoomType: 'xy'
      },
      title: {
        text: '氣泡圖'
      },
      series: [{
        data: [[9714,3678,7956],[1294,2374,5860],[9568,4576,1258],[4564,2587,9656],[3668,2567,7893],[2374,3699,4263],[7268,9233,8756],[2351,5669,4230],[3228,2223,3223],[5227,8126,3201]]
      }, {
        data: [[2534,1034,8347],[2566,7565,5679],[1167,5774,8776],[8776,5885,9883],[5887,3787,5788],[9078,6543,4344],[3491,3453,1457],[9547,5453,5546],[1545,6457,4458],[5554,2445,8441]]
      }, {
        data: [[4347,4457,2561],[2670,1772,4676],[6787,7666,9771],[3868,3780,6660],[5778,9768,6674],[8761,8817,3480],[8343,6450,1433],[6227,7678,7455],[6244,1562,1560],[3560,7657,8442]]
      }]
    });
 });
</script>
</head>
<body>
  <div id="bubbleChart" ></div>
</body>
</html>

運行效果圖如下:

jQuery插件HighCharts實現氣泡圖效果示例【附demo源碼】

附:完整實例代碼點擊此處本站下載

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結》、《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

栖霞市| 台山市| 灵川县| 怀远县| 社旗县| 秭归县| 宣城市| 隆昌县| 永州市| 长乐市| 道真| 错那县| 榆社县| 安阳市| 从江县| 奇台县| 青浦区| 嘉定区| 英德市| 米脂县| 鲁甸县| 昭觉县| 柯坪县| 广元市| 襄樊市| 宝清县| 峨山| 花垣县| 孙吴县| 香格里拉县| 腾冲县| 渝中区| 德保县| 手游| 伊宁市| 延津县| 宣威市| 盐城市| 田阳县| 峨山| 山西省|