SourceCode/jiouosdp/Areas/Statistics/Views/Center/Index2.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@{
    ViewBag.Title = "首页";
    Layout = null;
    var data = ViewBag.data as List<RFrameGenerate.Model.PT_BAS_Orders_Select>;
}

<script src="../../../../Scripts/Echarts/echarts3.1.5.min.js"></script>
<div style="padding: 40px;">
    <div id="day" style="width: 460px; height: 400px; float: left;"></div>
    <div id="month" style="width: 460px; height: 400px; float: left;"></div>
    <div id="year" style="width: 460px; height: 400px; float: left;"></div>
</div>
<script type="text/javascript">
    var data = {
        month: ['@data[1].WaitPayment', '@data[1].WaitDelivery', '@data[1].WaitReceipt', '@data[1].CancelForm', '@data[1].TradingSuccess', '@data[1].ReturnGoods'],
        year: ['@data[2].WaitPayment', '@data[2].WaitDelivery', '@data[2].WaitReceipt', '@data[2].CancelForm', '@data[2].TradingSuccess', '@data[2].ReturnGoods'],
        day: ['@data[0].WaitPayment', '@data[0].WaitDelivery', '@data[0].WaitReceipt', '@data[0].CancelForm', '@data[0].TradingSuccess', '@data[0].ReturnGoods']
    }
    window.onload=function(){
        pie();
    };

    var pie = function () {
        var day = echarts.init(document.getElementById('day'));
        day.setOption(option = {
            title: {
                text: '当天统计',
                subtext: '实时统计',
                x: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            legend: {
                orient: 'vertical',
                left: 'left',
                data: ['待付款数量', '待发货数量', '待收货数量', '取消订单数量', '交易成功数量', '退款数量']
            },
            series: [
                {
                    name: '订单数',
                    type: 'pie',
                    radius: '55%',
                    center: ['50%', '60%'],
                    data: [
                        { value: data.day[0], name: '待付款数量(' + data.day[0] + ')' },
                        { value: data.day[1], name: '待发货数量(' + data.day[1] + ')' },
                        { value: data.day[2], name: '待收货数量(' + data.day[2] + ')' },
                        { value: data.day[3], name: '取消订单数量(' + data.day[3] + ')' },
                        { value: data.day[4], name: '交易成功数量(' + data.day[4] + ')' },
                        { value: data.day[5], name: '退款数量(' + data.day[5] + ')' }
                    ],
                    itemStyle: {
                        emphasis: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }