YJWZSRZJ
一只会飞的白菜
2017-09-09 04:01

echerts 加载数据,出不来,

5
  • 数据
  • json
  • url
 <script type="text/javascript">
        function loadData(option) {
            $.ajax({
                type : 'post',  //传输类型
                async : false,  //同步执行
                url : 'billecharts.action', //web.xml中注册的Servlet的url-pattern
                data : {},
                dataType : 'json', //返回数据形式为json
                success : function(result) {
                    if (result) {
                        //初始化xAxis[0]的data
                        option.xAxis[0].data = [];
                        for (var i=0; i<result.length; i++) {
                            option.xAxis[0].data.push(result[i].name);
                        }
                        //初始化series[0]的data
                        option.series[0].data = [];
                        for (var i=0; i<result.length; i++) {
                            option.series[0].data.push(result[i].num);
                        }
                    }
                },
                error : function(errorMsg) {
                    alert("加载数据失败");
                }
            });//AJAX
        }//loadData()
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            tooltip : {
                show : true
            },
            legend : {
                data : [ '收入','支出']
            },
            xAxis : [ {
                type : 'category'
            }],
            yAxis : [ {
                type : 'value'
            } ],
            series : [         
             {
                name : '收入',
                type : 'bar',

            }, 
            {
                name : '支出',
                type : 'bar',
            }
            ]
        };
        //加载数据到option
        loadData(option);
        //设置option
        myChart.setOption(option);
    </script>
 返回前台的格式   [{"bi_date":1504869888000,"bi_id":1,"expend":2000,"income":4000,"remark":"酒店支出"}]

求大神解决,刚刚接触这个

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

7条回答

为你推荐