xcode 上echart数据加载不出来

Alonelsc 发布于 2016/03/31 15:01
阅读 158
收藏 0

@Kener-林峰 你好,想跟你请教个问题:我再xcode中 能加载echart框架 可是用$.ajax获取后台json数据 数据就是无法再echart中显示(用第三方框架加载数据 数据也可以返回显示 后台数据的格式没问题) 之前可以加载 前天我稍微对获取道的数据进行修改就无法显示数据了 然后我改为原来加载数据的方式也不行显示数据了 不知道这是为什么 

-----------以下是echart使用代码--------------

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

            <title>ECharts</title>       

     </head>

     <body>

        <!-- ECharts准备一个具备大小(宽高)的Dom -->

        <div id="main" style="width: 420px;height:350px;"></div>

        <script src="/Users/lsc/Desktop/graduate_app/echarts-master/dist/echarts.min.js"></script>

        <script src="/Users/lsc/Desktop/graduate_app/echarts-master/test/lib/jquery.min.js"></script>

        <script type="text/javascript" >

            function setdata(dataobject)    //setdata(dataobject)方法是object-c代码调用js 里的方法进行数据传值

            {

                var myChart = echarts.init(document.getElementById('main'));

                // 指定图表的配置项和数据

                var option = {

                    title: {

                        text: 'ECharts 入门'

                    },

                    tooltip: {

                        trigger: 'axis'

                    },

                    legend: {

                        data:['in人数','out人数']

                    },

                    xAxis: {

                        type : 'category',

                        data:[]

                    },

                    yAxis: {

                        show: true,

                        type: 'value',

                        splitArea: {show: true}

                    },

                    series: [{

                             name: 'in人数',

                             type: 'bar',

                             data: []

                             },

                             {

                             name: 'out人数',

                             type: 'bar',

                             data: []

                             }

                             ]

                };                

                $.ajax

                ({

                 type:"post",

                 async:true,

                 dataType:"json",

                 url:"https://api.xitech.cn/oauth/1/1001",

                 data:{

                 "time":dataobject.time,

                 "store_id":dataobject.store_id,

                 "access_token":dataobject.access_token},

                     success:function(da)

                 {

                 //alert("获取成功"+da[0].time);

                        myChart.setOption(

                                   {

                                   xAxis:

                                   {

                  data:[da[0].time,da[1].time,da[2].time,da[3].time,da[4].time,da[5].time,da[6].time]

                                   },

                                   series:

                                   [ {

                                    name:'in人数',

                                    type:'bar',

                                    data:[da[0].in,da[1].in,da[2].in,da[3].in,da[4].in,da[5].in,da[6].in]

                                    },

                                    {

                                    name:'out人数',

                                    type:'bar',

                          data:[da[0].out,da[1].out,da[2].out,da[3].out,da[4].out,da[5].out,da[6].out]

                                    }]

                         })

                 },

                 error:function()

                 {

                 alert("异常!");

                 }

             });

                 

                 // echarts对象加载数据

                 myChart.setOption(option);

                 

            };

        

              </script>


    </body>

    

</html>



加载中
返回顶部
顶部