Jquery plotAnimator pie don';我不做动画
我正在使用插件Jquery plotAnimator pie don';我不做动画,jquery,flot,Jquery,Flot,我正在使用插件jquery.flot.animator.min.js为用flot制作的饼图制作动画,但我有一个错误 TypeError:o[0]未定义 是否可以使用此插件制作饼图动画(我在示例中只看到了线、点和条) 这是一段代码 <html> <head> <script language="javascript" type="text/javascript" src="static/js_fw/flot/0.8.1/jquery.js">&
jquery.flot.animator.min.js
为用flot制作的饼图制作动画,但我有一个错误
TypeError:o[0]未定义
是否可以使用此插件制作饼图动画(我在示例中只看到了线、点和条)
这是一段代码
<html>
<head>
<script language="javascript" type="text/javascript" src="static/js_fw/flot/0.8.1/jquery.js"></script>
<script language="javascript" type="text/javascript" src="static/js_fw/flot/0.8.1/jquery.flot.min.js"></script>
<script language="javascript" type="text/javascript" src="static/js_fw/flot/0.8.1/jquery.flot.animator.min.js"></script>
<style type="text/css">
.demo-container {
position: relative;
height: 400px;
}
#placeholder {
width: 550px;
height: 400px;
}
</style>
<script type="text/JavaScript">
var pippo = function() {
// Randomly Generated Data
var data = [],
series = Math.floor(Math.random() * 6) + 3;
for (var i = 0; i < series; i++) {
data[i] = {
label: "Series" + (i + 1),
data: Math.floor(Math.random() * 100) + 1
}
}
$.plotAnimator('#placeholder', data, {
series: {
pie: {
show: true,
radius: 3/4,
label: {
show: true,
radius: 3/4,
//formatter: labelFormatter,
background: {
opacity: 0.5,
color: '#000'
}
}
}
},
legend: {
show: true
}
});
};
$(function() {
pippo();
});
</script>
<title>Radar Chart</title>
</head>
<body >
<div class="demo-container">
<div id="placeholder" class="demo-placeholder"></div>
</div>
</body>
</html>
.演示容器{
位置:相对位置;
高度:400px;
}
#占位符{
宽度:550px;
高度:400px;
}
var pippo=函数(){
//随机生成的数据
var数据=[],
系列=数学地板(数学随机()*6)+3;
对于(变量i=0;i
感谢animator插件希望数据采用Flot的标准格式,其中每个系列都有一个[x,y]对数组。当它试图将单个饼图值作为数组读取时,会出现错误 但是,即使你解决了这个问题,动画也是通过逐步向一个系列添加点来完成的;有一个馅饼,你只有一个点,所以它不会做任何事 所以不,动画插件不支持馅饼