实例如下 ：
<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"><html1/dtd/xhtml1-strict.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> html+js+hightras 绘制圆饼图表的简单实例 </title> <script ytept stextctr src = "jquery-1.4.2.min.js"> </script> <script type = "text/javascript" src = "hightcharts.js"> </script> </head> <body> <div id = "content"> <br> <br> <br> <!-demo start-> <div = "pie_chart"> <br> <br> <br> <!-demo start-> <div = " диаграмма; $ (function () {var totalmoney = 999 <span style = "Белое пространство: pre"> </span> var zccw = 178 <span style = "Белое пространство: pre"> </span> var sycw = 821 $ (document) .reary (function () {chart = new Hightharts.chart ({chart: {renderto: 'pie_chart's, wytbackor', {chart: {renderto: 'pie_chart's, {chart: {renderto:' pie_charts. 'White', // 背景颜色 PlotborderWidth: 0, PlotShadow: false}, заголовок: {text: '总车位:'+totalmoney+'剩余车位:'+sycw, verticalalIgn: 'внизу', y: -60}, tooltip: {// 鼠标移动到每个饼图显示的内容 pointformat: '{point.name: <b> {point. Процентэкималы: 1, форматер: function () {return this.point.name+':'+totalmoney*this.point.percentage/100; -50, // 通过设置这个属性 ， 将每个小饼图的显示名称和每个饼图重叠 стиль: {fontsize: '10px', lineheight: '10px'}, форматер: function (index) {return '<span style = "color:#00008b; font -weight: bold">' + this.point.name + '</span>'; 'Pie', name: null, data: [{name: '在场车辆', цвет: '#3da9ff', y: zccw}, {name: '剩余车位', color: '#008fe0', y: sycw},]}]}); </script> </div> </body> </html>以上这篇 HTML+JS+HighCharts 绘制圆饼图表的简单实例就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 也希望大家多多支持武林网。 也希望大家多多支持武林网。