2014-09-20 70 views
1

我有下面的代码,包括JQ情节上不显示甜甜圈

<head> 
<script type="text/javascript" src="build/xcharts.min.js"></script> 
<script type="text/javascript" src="build/d3.min.js"></script> 
<script type="text/javascript" src="../../JS/jquery.js"></script> 
<script type="text/javascript" src="../dist/jquery.jqplot.min.js"></script> 
<script type="text/javascript" src="../dist/plugins/jqplot.pieRenderer.min.js"></script> 
<script type="text/javascript" src="../dist/plugins/jqplot.donutRenderer.min.js"></script> 
<link rel="stylesheet" type="text/css" hrf="../dist/jquery.jqplot.min.css" /> 

<link rel="stylesheet" href="build/xcharts.min.css" /> 
</head> 
<body> 
<figure style = "width: 80%; height: 500px;" id = "myChart" class = "pizza"></figure> 

<div id="chart3" style="width: 400px; height: 500px; margin-top: 100px; position: relative;" class = "jqplot-target"></div> 
<script type="text/javascript"> 
    var s1 = [['a',6], ['b',8], ['c',14], ['d',20]]; 
    var s2 = [['a', 8], ['b', 12], ['c', 6], ['d', 9]]; 

    var plot3 = $.jqplot('chart3', [s1, s2], { 
    seriesDefaults: { 
     // make this a donut chart. 
     renderer:$.jqplot.DonutRenderer, 
     rendererOptions:{ 
     // Donut's can be cut into slices like pies. 
     sliceMargin: 3, 
     // Pies and donuts can start at any arbitrary angle. 
     startAngle: -90, 
     showDataLabels: true, 
     // By default, data labels show the percentage of the donut/pie. 
     // You can show the data 'value' or data 'label' instead. 
     dataLabels: 'value' 
     } 
    } 
    }); 


</script> 

</body> 

问题描述:

当我打开我的html页面它显示了一个空白页。我也试图将jQuery 1.7包括在我在互联网上找到的小提琴上,但没有显示。有谁可以告诉我我做错了什么?

+0

尝试后添加thse检查调试控制台有关于错误的更多细节。要做到这一点,请按F12按钮,然后转到控制台选项卡。 – sdespont 2014-09-20 19:47:14

回答

2

对我来说,它的工作赤http://jsfiddle.net/devmgs/1xcn4bf5/1/

查看调试控制台,你也检查,如果你的jQuery的js

jquery.jqplot.css 
jquery.jqplot.js 
jqplot.donutRenderer.js 
+0

它的工作我已经做了你在发布问题之前告诉我的问题..问题是我已经包括jquery 1.11.1那一刻我删除了甜甜圈出现..我不知道为什么,但它..谢谢反正 – 2014-09-22 07:51:59