首页>>Jquery文字>>jQuery饼状图表数据分布插件 数据经过显示详细数据的饼状图(2017-06-11)

jQuery饼状图表数据分布插件 数据经过显示详细数据的饼状图

jQuery饼状图表数据分布插件 数据经过显示详细数据的饼状图
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <table id='myTable5'>  
  2.         <caption>会员地区分布</caption>  
  3.         <thead>  
  4.             <tr>  
  5.                 <th></th>  
  6.                 <th>河北</th>  
  7.                 <th>河南</th>  
  8.                 <th>湖北</th>  
  9.                 <th>湖南</th>  
  10.                 <th>山东</th>  
  11.                 <th>山西</th>  
  12.                   
  13.             </tr>  
  14.         </thead>  
  15.         <tbody>  
  16.             <tr>  
  17.                 <th>1200</th>  
  18.                 <td>540</td>  
  19.                 <td>300</td>  
  20.                 <td>150</td>  
  21.                 <td>180</td>  
  22.                 <td>120</td>  
  23.                 <td>180</td>  
  24.             </tr>  
  25.         </tbody>  
  26.     </table>    

 

JavaScript Code
  1. <script type="text/javascript">  
  2. gvChartInit();  
  3. $(document).ready(function(){  
  4.     $('#myTable5').gvChart({  
  5.         chartType: 'PieChart',  
  6.         gvSettings: {  
  7.             vAxis: {title: 'No of players'},  
  8.             hAxis: {title: 'Month'},  
  9.             width: 600,  
  10.             height: 350  
  11.         }  
  12.     });  
  13. });  
  14. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_612.html