实例如下：
<！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绘制圆饼图表的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。，也希望大家多多支持武林网。