minongyun/public/assets/js/backend/dashboard.js

define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template) {

    var Controller = {
        index: function () {
            $.ajax({
                type : "post",
                async : false,
                url : "Dashboard/ecDashboard",
                data : {},
                dataType : "json",
                success : function(result) {
                    console.log(result);
                    var myChart = Echarts.init(document.getElementById('echart'), 'walden');
                    var option = {
                        title: {
                            text: ''
                        },
                        // color: ['#003366', '#006699', '#4cabce'],
                        tooltip: {
                            trigger: 'axis',
                            // axisPointer: {
                            //     type: 'shadow'
                            // }
                        },
                        // toolbox: {//图片下载
                        //     feature: {
                        //         saveAsImage: {}
                        //     }
                        // },
                        grid: {//图表大小
                            left: '2%',
                            right: '5%',
                            bottom: '3%',
                            containLabel: true
                        },
                        xAxis: [
                            {
                                type: 'category',
                                boundaryGap: false,
                                data: Config.column//日期
                            }
                        ],
                        yAxis: [
                            {
                                type: 'value'
                            }
                        ],
                        series: [
                            {
                                name: '订单',
                                type: 'line',
                                stack: 'Total',
                                // label: {//显示数据文字
                                //     show: true,
                                //     position: 'top'
                                // },
                                areaStyle: {},
                                emphasis: {
                                    focus: 'series'
                                },
                                // data: [1,1,10,30,35,0,result]
                                data: result
                            },
                        ]
                    };

                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);

                    $(window).resize(function () {
                        myChart.resize();
                    });

                    $(document).on("click", ".btn-refresh", function () {
                        setTimeout(function () {
                            myChart.resize();
                        }, 0);
                    });
                }
            });
        }
    };
    return Controller;
});