實例如下：
<！ Doctype HTML公共” - // W3C // DTD XHTML 1.0 strict // en”“” http://www.org/tr/xhtml1/dtd/xhtml1/xhtml1-strict.dtddd"> <html xmlns =“ http://www.w3.org/1999/xhtml”> <head> <meta http-equiv =“ content-type” content =“ content =” text/html; charset = gb2312“/> src =“ jquery-1.4.2.min.js”> </script> <script type =“ text/javascript” src =“ highcharts.js”> </script> </script> </head> <body> <hody> <hody> <div id =“ content”> <br> $（function（）{var totalmoney = 999 <span style =“白空間：pre”> </span> var zccw = 178 <span style =“白空間：pre”> </span> var sycw = 821 $（document）$（document）.ready（function（function（function（function（function）） plotBorderWidth：0，plotshadow：false}，標題：{text：'+totalMoney+'剩餘車位：'+sycw，derticalAlign：'bottonal'，y：-60}，tooltip：{/// pointformat：{point.name} {返回this.point.name+'：'+TotalMoney*this.point.point.pentage/100;}}，plotoptions：{pie：{size：'60％'，borderwidth：0，wallopoint：0，willpointselect：true，cursor：true，cursor：true，cursor：'pointer' '10px'，lineHeight：'10px'}，格式化：function（index）{返回'<span style =“顏色：＃00008B; font-weight：bold'>' + this.point.name +'</span>'}}， {名稱：'在場車輛'，顏色：'＃3da9ff'，y：zccw}，{name：'剩餘車位'，顏色：'＃008fe0'，y：sycw}，]}]}）; </script> </div> </body> </html>以上這篇html+JS+HighCharts繪製圓餅圖表的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。 ，也希望大家多多支持武林網。