jQuery Flot饼图不显示

我想用Flot制作饼图但我的饼图不会显示出来。jQuery Flot饼图不显示

这里是我的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 

    <link rel="stylesheet" type="text/css" href="style.css"> 
<head> 

    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="jquery.flot.js"></script> 
    <script type="text/javascript"> 
    $(function() { 

    var data = [ 
    {label: "Pause", data:150}, 
    {label: "No Pause", data:100}, 
    {label: "Sleeping", data:250} 
]; 
var options = { 
    series: { 
     pie: {show: true} 
    }, 
    legend: { 
     show: false 
    } 
}; 

$.plot($("#pie-placeholder"), data, options); 


    }); 
    </script> 
</head> 
<body> 
<div id="pie-placeholder" class="flot"></div> 
</body> 
</html>

而且我的CSS文件：

.flot { 
    width: 500px; 
    height: 500px; 
}

没有什么真的很辛苦，但饼图将不会出现。

这里是我的图表看起来像现在：

我没有任何错误，所以我不明白什么是错的。

你能帮助我吗？

谢谢！

来源

2016-05-24 Folker

我没有看到你包括jquery.flot.pie.js。如果你检查Flot's pie chart example的来源，你会发现你需要包含饼图插件。确保您的jquery.flot.pie.js文件位于其他flot javascript文件中，并在HTML标头中的jquery.flot.js脚本标记之后添加下面的行。

<script type="text/javascript" src="jquery.flot.pie.js"></script>

来源

2016-05-24 14:17:57 mechenbier

您需要包括pie plugin。

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.flot.js"></script> 
<script type="text/javascript" src="jquery.flot.pie.js"></script>

演示JSFiddle。

我看到你包装你的代码

$(function() { 
    // your code 
});

虽然我不知道为什么你传递jQuery的匿名函数。虽然代码仍然会运行我会删除它，或者如果您尝试执行IIFE（immediately invoked function expression），我会执行以下操作：

(function() { 
    // your code 
})();

来源

2016-05-24 14:18:26 hungerstar

jQuery Flot饼图不显示

回答

相关问题