screen/public/assets/js/backend/customer.js

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

    var Controller = {
        index: function () {
            Table.api.init({
                extend: {
                    index_url: 'customer/index' + location.search,
                    table: 'customer',
                }
            });

            var table = $("#table");


            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                commonSearch: false,
                visible: false,
                showToggle: false,
                showColumns: false,
                search:false,
                showExport: false,
                columns: [
                    [
                        {field: 'username', title: __('用户名'), operate:false},
                      //  {field: 'nickname', title: __('昵称'), operate:false},
                        {field: 'total', title: __('成交金额'), operate:false},

                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);

            // 基于准备好的dom，初始化echarts实例
            var myChart = Echarts.init(document.getElementById('echart'), 'walden');

            // 指定图表的配置项和数据
            var option = {
                title: {
                    text: '各支付方式订单数',

                    left: 'center'
                },
                xAxis: {
                    type: 'category',
                    data: Config.type_column
                },
                yAxis: {
                    type: 'value'
                },
                tooltip: {
                    trigger: 'item'
                },
                series: [
                    {

                        data: Config.type_data,
                        type: 'bar',
                        showBackground: true,
                        itemStyle: {
                            normal: {
                                color: function(params) {
                                    // build a color map as your need.
                                    var colorList = [
                                        '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
                                        '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                                        '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                                    ];
                                    return colorList[params.dataIndex]
                                }
                            }
                        },
                    }
                ]
            };




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


        }

    };

    return Controller;
});