国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄石市| 浪卡子县| 东乌珠穆沁旗| 新营市| 菏泽市| 南开区| 石家庄市| 兴宁市| 蒙山县| 长武县| 贵德县| 万全县| 沁源县| 安岳县| 阳西县| 修武县| 永修县| 隆化县| 克什克腾旗| 南平市| 岚皋县| 巢湖市| 宣威市| 台北市| 乾安县| 太湖县| 石首市| 株洲县| 通山县| 永嘉县| 信丰县| 阿城市| 菏泽市| 焉耆| 什邡市| 简阳市| 渝北区| 亚东县| 渝北区| 华宁县| 沈丘县|