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可视化图表没有显示

回答

相关问题