point_mall_card/public/index/js/modules/console.js

;
layui.define(['echarts'], function (e) {
	var s = layui.$,
	echarts = layui.echarts;

	s('.layui-pay-pie').on('click',function(data){
		layer.open({
			type: 2,
			title: '交易金额',
			shadeClose: true,
			shade: true,
			area: ['600px', '500px'],
			content: 'paygroupbychannel.html'
		});
	})
	
	var console = function(){
		if(s('.layadmin-dataview-amount').length > 0){
			var date = s('.layadmin-dataview-amount').data('date');
			var wxpay = s('.layadmin-dataview-amount').data('wxpay');
			var alipay = s('.layadmin-dataview-amount').data('alipay');
			var dataview = echarts.init(s('.layadmin-dataview-amount')[0], layui.echartsTheme);
			var option = {
				title:{
					text: "7日交易额",
				},
				tooltip: {
	                trigger: "axis"
	            },
	            legend: {
	                data: ["微信支付", "支付宝"]
	            },
	            calculable: !0,
	            xAxis: [{
	                type: "category",
	                data: date
	            }],
	            yAxis: [{
	                type: "value"
	            }],
	            series: [{
	                name: "微信支付",
	                type: "bar",
	                data: wxpay,
	            }, {
	                name: "支付宝",
	                type: "bar",
	                data: alipay,
	            }]
			}
			dataview.setOption(option);
            window.onresize = dataview.resize
		}
		if(s('.layadmin-dataview-count').length > 0){
			var date = s('.layadmin-dataview-count').data('date');
			var wxpay = s('.layadmin-dataview-count').data('wxpay');
			var alipay = s('.layadmin-dataview-count').data('alipay');
			var dataview = echarts.init(s('.layadmin-dataview-count')[0], layui.echartsTheme);
			var option = {
				title:{
					text: "7日交易数",
				},
				tooltip: {
	                trigger: "axis"
	            },
	            legend: {
	                data: ["微信支付", "支付宝"]
	            },
	            calculable: !0,
	            xAxis: [{
	                type: "category",
	                data: date
	            }],
	            yAxis: [{
	                type: "value"
	            }],
	            series: [{
	                name: "微信支付",
	                type: "line",
	                data: wxpay,
	            }, {
	                name: "支付宝",
	                type: "line",
	                data: alipay,
	            }]
			}
			dataview.setOption(option);
            window.onresize = dataview.resize
		}
		if(s('.layadmin-dataview-paygroupbychannel').length > 0){
			var data = s('.layadmin-dataview-paygroupbychannel').data('data');
			var dataview = echarts.init(s('.layadmin-dataview-paygroupbychannel')[0], layui.echartsTheme);
			var legendArr = [];
			for (var key in data) {
				legendArr.push(data[key].name);
			}
			var option = {
				title: {
					text: '',
					x: 'center',
					y: 'top', 

					textStyle: {
						fontSize: 18,
						fontWeight: 'bolder',
	                    color: '#333'          // 主标题文字颜色
	                },
	            },

	            tooltip: {
	            	trigger: 'item',
	            	formatter: "{a} <br/>{b} : {c} ({d}%)"
	            },
	            legend: { 
	            	orient : 'vertical',
	            	x: 'right',
	            	y: 'center',
	            	data: legendArr,
	            },

	            color: ["#34a123", "#40a5ed", "#a10916", "#bd59d5", "#2fcea7", "#ee4a4b", "#0c9cef"],
	            series: [
	            {
	            	name: '收银统计',
	            	type: 'pie',
	            	radius: '60%',
	            	center: ['40%', '50%'],
	            	data: data
	            }
	            ]
	        };
	        dataview.setOption(option);
	        window.onresize = dataview.resize
	    }

	}
	e('console', new console())
})