2016-03-14 4 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 под диаграммой 2 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> 
Смежные вопросы