jquery可視化圖表沒有顯示

試圖讓jquery可視化工作。該表工作正常，並且標題正在呈現，但圖表中沒有數據。我已經按照這個例子搜索了問題，但沒有看到發生了什麼問題。沒有任何東西在控制檯中打破，沒有數據填充圖表。在我的網格視圖表導致問題並手工編碼表格之前，我已經縮小了它的範圍，但仍然是相同的結果，沒有圖表。在這裏整個頁面，因爲它真的不那麼多，請讓我知道我搞砸了。jquery可視化圖表沒有顯示

在此先感謝

<head> 
<title>test chart</title> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
<link href="Content/visualize-dark.css" rel="stylesheet" /> 
<link href="Content/visualize-light.css" rel="stylesheet" /> 
<link href="Content/visualize.css" rel="stylesheet" />  
<script src="Scripts/visualize.jQuery.js"></script> 

     <script> 
      $(document).ready(function() { 
       $('table').visualize({ type: 'bar' }); 
      });//end ready function 
</script>

<body> 
<table> 
<caption>Test Data</caption> 
<thead> 
    <tr> 
     <td></td> 
     <th scope="col">food</th> 
     <th scope="col">auto</th> 
     <th scope="col">household</th> 
     <th scope="col">furniture</th> 
     <th scope="col">kitchen</th> 
     <th scope="col">bath</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <th scope="row">Mary</th> 
     <td>190</td> 
     <td>160</td> 
     <td>40</td> 
     <td>120</td> 
     <td>30</td> 
     <td>70</td> 
    </tr> 
    <tr> 
     <th scope="row">Tom</th> 
     <td>3</td> 
     <td>40</td> 
     <td>30</td> 
     <td>45</td> 
     <td>35</td> 
     <td>49</td> 
    </tr> 

</tbody>

來源

2014-02-28 Troy Bryant

它看起來像這樣特別的插件會使用jQuery以上版本1.7.x

不起作用在這種demo我我用1.7.2版本插入代碼，看起來好像上班。

來源

2014-02-28 18:52:58

jquery可視化圖表沒有顯示

回答

相關問題