zhangkun
/
ditie2.0_web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <link href="/Content/layui/css/layui.css" rel="stylesheet" />
    <link href="/Content/css/public.css" rel="stylesheet" />
    <link href="/Content/css/callscreen/callscreen.css" rel="stylesheet" />
    <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
    <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
    <script src="/Content/dist/echarts.js" type="text/javascript"></script>
    <script src="/Content/dist/theme/dahua.js" type="text/javascript"></script>
</head>
<body>
    <input id="txtArrName" type="hidden" value="@Model.PieTypeArrName" />
    <input id="txtArrJson" type="hidden" value="@Model.PieDataJson" />
    <div id="divimagereport" style="height: 176px; width: 100%;">
    </div>
    <script type="text/javascript">
        //获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
    </script>
    <script type="text/javascript">
        //var count1 = 0;
        //var count2 = 0;
        //count1 = 12;
        //count2 = 23; 
        // 路径配置
        require.config({
            paths: {
                echarts: '/Content/dist'
            }
        });

        // 使用
        require(
            [
                'echarts',
                'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                var dahuatheme
                require(['echarts/theme/dahua'], function (theme) {
                    dahuatheme = theme;
                });
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('divimagereport'), dahuatheme);
                //公路桥梁安全智能化数据综合分析
                option = {
                    title: {
                        show: false,
                        text: '',
                        subtext: '',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            dataView: {
                                show: true,
                                title: '数据视图',
                                readOnly: true,
                                lang: ['数据视图', '关闭', '刷新']
                            },
                            saveAsImage: {
                                show: true,
                                title: '保存为图片',
                                type: 'png',
                                lang: ['点击保存']
                            }
                        }
                    },
                    legend: {
                        show: true,
                        orient: 'horizontal',
                        bottom: 20,
                        //data: ['自助服务', '人工服务']
                        data: eval(document.getElementById("txtArrName").value)
                    },
                    series: [
                        {
                            name: '来电类型分析',
                            type: 'pie',
                            radius: '55%',
                            center: ['50%', '55%'],
                            //data: [
                            //    { value: count1, name: '自助服务' },
                            //    { value: count2, name: '人工服务' }
                            //],
                            data: eval(document.getElementById("txtArrJson").value),
                            itemStyle: {
                                emphasis: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            }
                        }
                    ]
                };
                // 为echarts对象加载数据
                myChart.setOption(option);
            }
        );
    </script>
</body>
</html>