： ：
<! doctype html public "-// w3c // dtd xhtml 1.0 Strict // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312"/> <title> html+js+highcharts src = "jQuery-1.2.2.min.js"> </script> <script type = "text/javaScript" src = "Highcharts.js"> </script> </head> <body> <body> <bist = "contract"> <br> <br> <br> <! جدول؛ $ (function () {var totalMoney = 999 <span style = "White-Space: pre"> </span> var zccw = 178 <span style = "white-space: pre"> </span> var sycw = 821 $ (document) .Ready () "أبيض" ، // 背景颜色 plotborderwidth: 0 ، plotshadow: false} ، العنوان: {text: '总车位:'+totalMoney+'剩余车位:'+sycw ، verticalalign: 'bottom' ، y: -60} ، tooltip: PrevagedEcimals: 1 ، formatter: function () {return this.point.name+':'+TotalMoney*this.percentage/100 ؛ -50 ، // 通过设置这个属性 ， 将每个小饼图的显示名称和每个饼图重叠 النمط: {fontsize: '10px' ، lineheight: '10px'} ، formatter: function (index) {return '<span style = "color:#00008b ؛ "PIE" ، NULL ، DATA: [{name: '在场车辆' ، color: '#3da9ff' ، y: zccw} ، {name: '剩余车位' </script> </viv> </body> </html>以上这篇 HTML+JS+Highcharts 绘制圆饼图表的简单实例就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。