jili2/application/admin/view/patrol_statistics/area_day.html

{extend name="common/common2" /}
{block name="main"}
<div class="ibox-content">
    <div class="ibox">

        <div class="alert">
            <div style="height: 500px;" id="ec">

            </div>
        </div>

    </div>
</div>
{/block}
{block name="script"}
<script src="/static/layDate-v5.0.9/laydate.js"></script>
<script src="/static/browser.js"></script>
<script src="/static/jquery.jqprint-0.3.js"></script>
<script type="text/javascript" src="/static/echarts.js"></script>

<script>
    $(function () {
        laydate.render({
            elem: '#startTime',
            trigger: 'click',
            theme: '#148d8f'
        });
        laydate.render({
            elem: '#endTime',
            trigger: 'click',
            theme: '#148d8f'
        });
    });
    function empty_search(){
        window.location.href = 'areaDay';
    }


    var list = {:json_encode($list)};


    var option = {},

        option = {
            title: {
                text: '各区域当日巡视完成数量占比',
                subtext: '',
                left: 'center'
            },
            label: {
                show: true,
            },
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b}: {c} ({d}%)"
            },
            legend: {
                orient: 'vertical',
                left: 'left'
            },
            series: [
                {
                    name: '',
                    type: 'pie',
                    radius: ['40%', '70%'],
                    data: list,
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    },
                    label: {
                        formatter: '{b}: {d}%'
                    },
                }
            ]
        };

    var myChart = echarts.init(document.getElementById('ec'));
    myChart.setOption(option);

</script>
{/block}