furao
/
test


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							@extends('admin/layout')
@section('header_extend')

@endsection
@section('content')

    <body class="gray-bg">

    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>趋势图</h5>
        </div>
        <div class="ibox-content">
            <div id="siteStatus" style="width: 100%;height: 300px;"></div>
        </div>
    </div>

    </body>
@endsection

@section('footer')

    {{--echarts--}}
    <script src="{{asset('js/plugins/echarts/echarts.min.js')}}"></script>
    <script src="{{asset('js/plugins/wonderland/wonderland.js?v=1.3')}}"></script>
    <script>
        // 折线图
        var siteStatusLineChart = echarts.init(document.getElementById('siteStatus'),'wonderland');
        var siteStatusLineXAxis = JSON.parse('{!! json_encode($line['xAxis']) !!}');
        var queryData = JSON.parse('{!! json_encode($line['queryData']) !!}');
        var auditData = JSON.parse('{!! json_encode($line['auditData']) !!}');
        var siteStatusLineOption = {
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    crossStyle: {
                        color: '#999'
                    }
                }
            },
            toolbox: {
                feature: {
                    dataView: {show: true, readOnly: false},
                    magicType: {show: true, type: ['bar', 'pie']},
                    restore: {show: true},
                    saveAsImage: {show: true}
                }
            },
            legend: {
                data: ['充值金额']
            },
            xAxis: [
                {
                    type: 'category',
                    data: siteStatusLineXAxis,
                    axisPointer: {
                        type: 'shadow'
                    },
                    splitLine: {
                        show: false
                    }
                }
            ],
            yAxis: [
                {
                    type: 'value',
                    name: '',
                    min: 0,
                    axisLabel: {
                        formatter: '{value}'
                    },
                    axisLine: {
                        show: false //隐藏Y轴
                    }
                }
            ],
            series: [
                {
                    name: '软文查找数量',
                    type: 'line',
                    data: queryData
                },
                {
                    name: '软文审核数量',
                    type: 'line',
                    data: auditData
                }
            ]
        };
        siteStatusLineChart.setOption(siteStatusLineOption);
    </script>

@endsection