实例如下：
<! doctype html public "-// w3c // dtd xhtml 1.0 เข้มงวด // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = gb2312" src = "jQuery-1.4.2.min.js"> </script> <script type = "text/javascript" src = "highcharts.js"> </script> </head> <body> <div id = "เนื้อหา"> <br> <br> <br> <! แผนภูมิ; $ (function () {var totalMoney = 999 <span style = "space white-space: pre"> </span> var zccw = 178 <span style = "space สีขาว: pre"> </span> var sycw = 821 $ (เอกสาร) 'White', // 背景颜色 plotBorderWidth: 0, plotshadow: false}, ชื่อ: {text: '总车位:'+totalMoney+'剩余车位:'+sycw, แนวตั้ง: 'ล่าง', y: -60}, tooltip: {// PercentageCimals: 1, formatter: function () {return this.point.name+':'+totalMoney*this.point.point.percentage/100; -50, // 通过设置这个属性， 将每个小饼图的显示名称和每个饼图重叠将每个小饼图的显示名称和每个饼图重叠将每个小饼图的显示名称和每个饼图重叠将每个小饼图的显示名称和每个饼图重叠 {fontsize: '10px', lineHeight: '10px'}, formatter: ฟังก์ชั่น (ดัชนี) {return '<span style = "color:#00008b; font -weight: bold">' + this.point.name + '</span>'; 'พาย', ชื่อ: null, ข้อมูล: [{ชื่อ: '在场车辆', สี: '#3DA9FF', Y: ZCCW}, {ชื่อ: '剩余车位', สี: '#008FE0', y: sycw},]}]}); </script> </div> </body> </html>以上这篇 html+js+highcharts 绘制圆饼图表的简单实例就是小编分享给大家的全部内容了， 希望能给大家一个参考， 也希望大家多多支持武林网。也希望大家多多支持武林网。