实例如下 :
<! doctype html public "-// w3c // dtd xhtml 1.0 엄격한 // en" "http://www.w.w3.org/tr/xhtml1/dtd/xhtml1-Strict.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = gb2312"/> <title> html+js+highcharts </title> src = "jquery-1.4.2.min.js"> </script> <script> <script type = "text/javaScript"src = "highcharts.js"> </script> </head> <body> <div id = "content"> <br> <br> <br> <br>-demo start-> div id = "pie_chart"> <pie_chart "> 차트; $ (function () {var totalmoney = 999 <span style = "흰색 공간 : pre"> </span> var zccw = 178 <span style = "화이트 공간 : pre"> </span> var sycw = 821 $ (document) .ready () {chart = new Highcharts.chart ({renderto : renderto : 'pie_chart', plotblackgral. 'white', // plotborderwidth : 0, plotshadow : false}, 제목 : {text : '{text :'+'+totalmoney+'剩余车位 : '+sycw, verticalalign :'bottom ', y : -60}, 툴팁 : {// 鼠标移动到每个饼图显示的内容 pointformat :'{point.name} : <b> {point.percentage}, ', 1, formatter : function () {return this.point.name+':'+totalmoney*this.point.percentage/100;}, pie : {size : '60%', borderwidth : 0, true, cursor :'pointer ', datalabels : anibler :'#afior : afcepointselect : true, cursor : 'pointect :' -50, // style : {fontsize : '10px', lineHeight : '10px'}, formatter : function (index) {return '<span style = "color :#00008b; font -weight : bold">' + this.point.name + '</span>' 'Pie', null, 데이터 : [{name : '在场车辆', color : '#3da9ff', y : zccw}, '剩余车位', '#008fe0', y : sycw}); </script> </div> </body> </html>html+js+highcharts 绘制圆饼图表的简单实例就是小编分享给大家的全部内容了, 希望能给大家一个参考, 也希望大家多多支持武林网。