2013-12-12 40 views
0

我正在尝试使用jQplot创建图表。它运作良好,但我想有一个像http://www.jqplot.com/tests/pie-donut-charts.php的传奇。但是我的传奇并不像jqplot网站那样工作。下面显示的输出图片。有人注意到我想念的是什么?在这里,我附上代码JQuery jqplot传说不好显示

$('#tes').live('pageshow', function() { 
     var data = [ 
['A', 12],['B', 9], ['C', 14], 
['D', 16],['E', 7]]; 
var plot1 = jQuery.jqplot ('chart1', [data], 
{ 
    seriesDefaults: { 
    // Make this a pie chart. 
    renderer: jQuery.jqplot.PieRenderer, 
    rendererOptions: { 
     // Put data labels on the pie slices. 
     // By default, labels show the percentage of the slice. 
     showDataLabels: true, 
     dataLabels: 'value' 
    } 
    }, 
    legend: { show:true, location: 'e' } 
} 
); 
}); 

enter image description here

回答

0

我已经解决了问题。问题是因为我没有添加jquery.jqplot.css文件

0

您可能还没有添加jquery.jqplot.css。 确保您已添加以下js和css:

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" src="jquery.jqplot.min.js"></script> 
<script type="text/javascript" src="jqplot.donutRenderer.min.js"></script> 
<script type="text/javascript" src="jqplot.pieRenderer.min.js"></script> 


<link rel="stylesheet" href="jquery.jqplot.css" type="text/css" />