实例如下
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charchart = gb2312"/> <title> hitml+js+highcharts 绘制圆饼图表的简单实例 (gb2312 "/> <title> html+js+highCharts 绘制圆饼图表的简单实例 (gb2312"/> <title> html+js+alto src = "jQuery-1.4.2.min.js"> </script> <script type = "text/javascript" src = "highCharts.js"> </cript> </head> <body> <div Id = "content"> <br> <br> <br> <!-DemOn-<d idi "" PiP "" "> gráfico; $ (function () {var totalMoney = 999 <span style = "branco-espaço: pré"> </span> var zccw = 178 <span style = "span-space: pré"> </span> var sycw = 821 $ (documento) .ready (function () {new Chart = highcharts.chart ({{Chart: {{{{{{{{{{ 'branco', // 背景颜色 plotborderwidth: 0, plotshadow: false}, título: {text: '总车位:'+totalMoney+'剩余车位:'+sycw, verticalAngin: 'Bottom', y: -60}, tooltip: {// 鼠标移动到每个饼图显示的内容 鼠标移动到每个饼图显示的内容 {'{Point}} percentageCimals: 1, formatador: function () {return this.point.name+':'+totalMoney*this.point.Percentage/100; -50, // 通过设置这个属性 , 将每个小饼图的显示名称和每个饼图重叠 estilo: {fontsize: '10px', lineHeight: '10px'}, formatador: function (index) {return '<span style = "cor:#00008b; font -weight: BOLD">' + this.Point.name + '</span>'; Nome: NULL, Dados: [{Nome: '' ', cor:'#3DA9FF ', Y: ZCCW}, {Nome:' ', cor:'#008fe0 ', y: sycw},]}]}); </script> </div> </body> </html>以上这篇 html+js+highcharts 绘制圆饼图表的简单实例就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。