2016-03-14 77 views
0

我已經檢查了其他類似的問題,但仍無法追查到這個問題的根源。JQPlot圖表不顯示

下面的代碼:

<!DOCTYPE html> 
<html> 
<head> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="resources/jquery/jquery.jqplot.js"></script> 
<link rel="stylesheet" type="text/css" href="resources/jquery/jquery.jqplot.css" /> 

</head> 
<body> 

<div id="chart2" style="height:300px;width:500px; "></div> 

</body> 

<script type='text/javascript'> 

$(document).ready(function() { 

    var line1 = [['Nissan', 4],['Porche', 6],['Acura', 2],['Aston Martin', 5],['Rolls Royce', 6]]; 

    $('#chart2').jqplot([line1], { 
     title:'Bar Chart with Varying Colors', 
     seriesDefaults:{ 
      renderer:$.jqplot.BarRenderer, 
      rendererOptions: { 
       // Set the varyBarColor option to true to use different colors for each bar. 
       // The default series colors are used. 
       varyBarColor: true 
      } 
     }, 
     axes:{ 
      xaxis:{ 
       renderer: $.jqplot.CategoryAxisRenderer 
      } 
     } 
    }); 


}); 

</script> 

</html> 

的問題是,沒有什麼比顯示圖表帆布等。在控制檯中沒有記錄錯誤,並且加載了源文件。我將.jqplot調用移動到了chart2 div下面,因爲用戶認爲這是必要的,但我不相信這是因爲我們使用$(document).ready(function()...

任何想法,問題在哪裏?

回答

0

解決。

需與包括曾在電話中.jqplot指定了額外的渲染器。

<script type="text/javascript" src="resources/jquery/plugins/jqplot.barRenderer.js"></script> 
<script type="text/javascript" src="resources/jquery/plugins/jqplot.categoryAxisRenderer.js"></script>