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