minongyun.com/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 () {
            // 基于准备好的dom，初始化echarts实例
            var myChart = Echarts.init(document.getElementById('echart'), 'walden');
            // console.log(myChart);
            //
            // // $.ajax({
            // //     type: 'post',
            // //     //传输类型
            // //     async: false,
            // //     //同步执行
            // //     url: 'Dashboard/ecDashboard',
            // //     //web.xml中注册的Servlet的url-pattern
            // //     data: {},
            // //     dataType: 'json',
            // //         //返回数据形式为json
            // //         success: function(result) {
            // //             console.log(result);
            // //         },
            // //         // error:function(errorMsg) {
            // //         //     alert("加载数据失败");
            // //         // }
            // // });//AJAX
            //
            // // 指定图表的配置项和数据
            var option = {
                title: {
                    text: '订单趋势图表'
                },
                tooltip: {
                    trigger: 'axis',
                },
                // toolbox: {//图片下载
                //     feature: {
                //         saveAsImage: {}
                //     }
                // },
                grid: {//图表大小
                    left: '3%',
                    right: '4%',
                    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: [120, 132, 101, 134, 90, 230, 210]
                    },
                ]
            };

            // var option = {
            //     title: {
            //         text: '',
            //         subtext: ''
            //     },
            //     color: [
            //         "#18d1b1",
            //         "#3fb1e3",
            //         "#626c91",
            //         "#a0a7e6",
            //         "#c4ebad",
            //         "#96dee8"
            //     ],
            //     tooltip: {
            //         trigger: 'axis'
            //     },
            //     legend: {
            //         data: [__('Register user')]
            //     },
            //     toolbox: {
            //         show: false,
            //         feature: {
            //             magicType: {show: true, type: ['stack', 'tiled']},
            //             saveAsImage: {show: true}
            //         }
            //     },
            //     xAxis: {
            //         type: 'category',
            //         boundaryGap: false,
            //         data: Config.column
            //     },
            //     yAxis: {},
            //     grid: [{
            //         left: 'left',
            //         top: 'top',
            //         right: '10',
            //         bottom: 30
            //     }],
            //     series: [{
            //         name: __('Register user'),
            //         type: 'line',
            //         smooth: true,
            //         areaStyle: {
            //             normal: {}
            //         },
            //         lineStyle: {
            //             normal: {
            //                 width: 1.5
            //             }
            //         },
            //         data: Config.userdata
            //     }]
            // };

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

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

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

        }
    };

    return Controller;
});