jquery中报Uncaught TypeError: pie is not a function-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

jquery中报Uncaught TypeError: pie is not a function

2016-03-20 09:22:36 4199 1
 $(function(){
        var name = new Array();
          var value=new Array();
          var count = new Array();
         $.post(
            "BaseAction/SheetAction/ContributeSheetPie",
            function(data)
            {
                name=data.name;
                value=data.value;
                pie(value,name);
            },
            "json"
         );
         $('#show').click(function(){
                var i=1;
                var pie=document.getElementById('pie');
                var bar=document.getElementById('bar');
                if(i==1)
                {
                    var count = new Array();
                    pie.style.display="none";
                    bar.style.display="block";
                    $.post(
                            "BaseAction/SheetAction/ContributeSheet",
                            function(data)
                            {
                                name=data.name;
                                count=data.count;
                                bar(name,count);//Uncaught TypeError: bar is not a function
                            },
                            "json"
                         );
                    i=0;
                }
                if(i==0)
                    {
                    pie.style.display="block";
                    bar.style.display="none";
                     $.post(
                        "BaseAction/SheetAction/ContributeSheetPie",
                        function(data)
                        {
                            name=data.name;
                            value=data.value;
                            pie(value,name);//Uncaught TypeError: pie is not a function
                        },
                        "json"
                     );
                    }

            });
      });
 //---------------------------pie饼形分析图--------------------------------------------------------------------------------
 function pie(value,name)
    {
        // 路径配置
        require.config({
            paths: {
                echarts: '<%=path%>/js/echarts/build/dist'
            }
        });
        require(
                [
                    'echarts',
                    'echarts/chart/pie',
                    'echarts/chart/funnel'
                ],
                function (ec)
                {
                    // 基于准备好的dom,初始化echarts图表
                    var myChart = ec.init(document.getElementById('pie'));
                    var option = {
                             title :
                             {
                                text: '顾客贡献',
                                x:'center'
                             },
                             tooltip :
                             {
                                trigger: 'item',
                                formatter: "{a} <br/>{b} : {c} ({d}%)"
                              },
                            legend:
                            {
                                orient : 'vertical',
                                x : 'left',
                                data:name
                            },
                            toolbox:
                            {
                                show : true,
                                feature :
                                {
                                    mark : {show: true},
                                    dataView : {show: true, readOnly: false},
                                    magicType :
                                    {
                                        show: true,
                                        type: ['pie', 'funnel'],
                                        option:
                                        {
                                            funnel:
                                            {
                                                x: '25%',
                                                width: '50%',
                                                funnelAlign: 'left',
                                                max: 1548
                                            }
                                        }
                                    },
                                    restore : {show: true},
                                    saveAsImage : {show: true},
                                }
                            },
                            calculable : true,
                            series :
                            [
                                {
                                    name:"订单数",
                                    type:"pie",
                                    radius : '55%',
                                    center: ['50%', '60%'],
                                    data :value
                                }
                            ]
                        };
                        // 为echarts对象加载数据
                        myChart.setOption(option);
                }

        );
    };
 //---------------------------pie饼形分析图--------------------------------------------------------------------------------
 function bar(name,count)
 {
    // 路径配置
        require.config({
            paths: {
                echarts: '<%=path%>/js/echarts/build/dist'
            }
        });
     // 使用
        require(
            [
                'echarts',
               // 使用柱状图就加载bar模块,按需加载
                'echarts/chart/line',
                'echarts/chart/bar'
            ],
            function (ec) {
                // 基于准备好的dom,初始化echarts图表
                var myChart = ec.init(document.getElementById('bar'));
                var option = {
                    tooltip: {
                         trigger:'axis',
                    },
                    legend: {
                        data:['贡献度']
                    },
                    toolbox: {
                        show : true,
                        feature : {
                            mark : {show: true},
                            dataView : {show: true, readOnly: false},
                            magicType : {show: true, type: ['line', 'bar']},
                            restore : {show: true},
                            saveAsImage : {show: true}
                          }
                        },
                       calculable : true,
                    xAxis : [
                        {
                            type : 'category',
                            data : name
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            "name":"订单数",
                            "type":"bar",
                            "data":count,
                            markPoint : {
                                data : [
                                    {type : 'max', name: '最大值'},
                                    {type : 'min', name: '最小值'}
                                ]
                            },
                            markLine : {
                                data : [
                                    {type : 'average', name: '平均值'}
                                ]
                            }
                        }
                    ]
                };
                // 为echarts对象加载数据
                myChart.setOption(option);
            }
          );
 };
    </script> 
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:08:36

    你看下上文就知道了,你的$('#show').click(function(){点击事件里面定义了一个pie变量,为dom对象,dom对象又不失方法,当然会报错了
    `pie(value,name);//Uncaught TypeError: pie is not a function
    改为
    window.pie(value,name);`

    使用window作用域下的pie函数,而不是click中的pie变量

    0 0
相关问答

11

回答

在阿里云上安装和运行Node.js全功略

ycwong 2013-09-18 15:17:30 64376浏览量 回答数 11

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56974浏览量 回答数 19

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157647浏览量 回答数 145

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 93706浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 147201浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146015浏览量 回答数 31

23

回答

【云服务器分享】网站访问速度快才是硬道理

dreamdoo 2012-10-15 10:15:02 85346浏览量 回答数 23

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80437浏览量 回答数 13

14

回答

对象存储oss【问答合集】

我是管理员 2018-08-03 14:54:02 67696浏览量 回答数 14

3

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48714浏览量 回答数 3
2736
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
《Nacos架构&原理》
立即下载
《看见新力量:二》电子书
立即下载
云上自动化运维(CloudOps)白皮书
立即下载