; 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}
{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()) })