个人中心
gpt4 book ai didi

jquery - plotAnimator 馅饼不做动画

转载 作者：行者123 更新时间：2023-12-01 08:00:32 24 4
gpt4 key购买 nike

我正在使用插件jquery.flot.animator.min.js来为使用flot完成的饼图设置动画，但出现错误

类型错误: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>

谢谢

最佳答案

动画插件需要 Flot 标准格式的数据，其中每个系列都有一个 [x, y] 对数组。当它尝试将单个饼图值作为数组读取时，会出现错误。

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

所以不，动画插件不支持饼图。

关于jquery - plotAnimator 馅饼不做动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20077868/

24 4 0
文章推荐： Python - 从列表中提取并 reshape
文章推荐： java - Object 类中如何使用 getName() 方法？
文章推荐： Python - 骰子和硬币游戏
文章推荐： java - OpenIMAJ Jar 文件
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com