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

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 18:39:23
字體:
來源:轉載
供稿:網友

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>

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 林西县| 铜鼓县| 玉龙| 吉安市| 阿尔山市| 无极县| 巩留县| 平顶山市| 博乐市| 湘潭县| 左云县| 宕昌县| 漳平市| 武城县| 新干县| 民和| 拉萨市| 格尔木市| 万全县| 岐山县| 陆川县| 寿宁县| 永仁县| 林周县| 新营市| 安陆市| 东丽区| 宜兴市| 新龙县| 天峻县| 华宁县| 车险| 买车| 桓仁| 叙永县| 鹿泉市| 商河县| 彭阳县| 科尔| 永寿县| 大渡口区|