国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

Javascript highcharts 餅圖顯示數量和百分比實例代碼

2024-05-06 16:33:24
字體:
來源:轉載
供稿:網友

Javascript highcharts 餅圖顯示數量和百分比實例代碼

                  最近公司項目需求有這樣一個功能模塊,highcharts 餅圖顯示數量和百分比 ,由于本人剛入門,看到這個需求不會寫,于是就上網搜下相關資料,覺得一篇還不錯記錄下。

<div class="piecleft" id="chart" style="height:350px; width: 350px;"></div><script type="text/javascript" charset="utf-8">var chart;$(document).ready(function() {  chart = new Highcharts.Chart({   chart: {     renderTo: 'chart'   },   title: {     text: '版本分布分析'   },   plotArea: {     shadow: null,     borderWidth: null,     backgroundColor: null   },   tooltip: {     formatter: function() {      return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 1) +'% ('+             Highcharts.numberFormat(this.y, 0, ',') +' 個)';     }   },   plotOptions: {     pie: {      allowPointSelect: true,      cursor: 'pointer',      dataLabels: {        enabled: true,        formatter: function() {         if (this.percentage > 4) return this.point.name;        },        color: 'white',        style: {         font: '13px Trebuchet MS, Verdana, sans-serif'        }      }     }   },   legend: {     backgroundColor: '#FFFFFF',     x: 0,     y: -30   },   credits: {     enabled: false   },    series: [{     type: 'pie',     name: 'Browser share',     data: [      ['1.1',3617],      ['1.2.1',3436],      ['1.0',416],      ['1.3',2],      ['1.2',1],      ['新增對比',5000]      ]   }]  });});</script>

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 孟村| 荔浦县| 新沂市| 廊坊市| 清水河县| 青阳县| 桂东县| 辛集市| 泰顺县| 荥阳市| 西安市| 浙江省| 瑞丽市| 津市市| 双柏县| 宁远县| 新竹市| 沙坪坝区| 古丈县| 额敏县| 黑山县| 油尖旺区| 井冈山市| 安多县| 琼结县| 始兴县| 舞钢市| 临桂县| 平江县| 上虞市| 沾化县| 十堰市| 钦州市| 綦江县| 原平市| 白朗县| 泾阳县| 托里县| 松溪县| 阜宁县| 蓬安县|