Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery plotAnimator pie don';我不做动画_Jquery_Flot - Fatal编程技术网

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]对数组。当它试图将单个饼图值作为数组读取时,会出现错误

但是,即使你解决了这个问题,动画也是通过逐步向一个系列添加点来完成的;有一个馅饼,你只有一个点,所以它不会做任何事

所以不,动画插件不支持馅饼