zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>风险点-统计</title>
    <link rel="stylesheet" href="../../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../../assets/module/admin.css?v=312"/>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <blockquote class="layui-elem-quote">
                作业安全风险比较图
            </blockquote>
            <div id="main" style="width: 99%;min-height: 600px; margin-bottom: 50px;"></div>
        </div>
    </div>
</div>
<!-- js部分 -->
<script type="text/javascript" src="../../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../../assets/js/common.js?v=312"></script>
<script type="text/javascript" src="../../../../assets/libs/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../../../../assets/libs/echarts/echartsTheme.js"></script>

<script>
    layui.use(['layer', 'form', 'table', 'util', 'admin', 'zTree', 'uParas', '_groupTree', 'baseCache'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
        var util = layui.util;
        var admin = layui.admin;
        var uParas = layui.uParas;
        var baseCache = layui.baseCache;

        var myChart1 = echarts.init(document.getElementById('main'));
        var option = {
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                axisLabel: {interval: 0, rotate: 40}
            },
            yAxis: {
                type: 'value'
            }, grid: {
                // width:"100%",
                height: "80%",
                left: "2%",
                right: "6%",
                bottom: "10",
                top: "15%",
                containLabel: true
            },
            series: [{
                data: [120, 200, 150, 80, 70, 110, 130],
                type: 'bar',
                itemStyle: {
                    normal: {
                        color: function (params) {
                            if (params.value >= 320) {
                                return "#ff0000";
                            } else if (params.value >= 160) {
                                return "#ff6100";
                            } else if (params.value >= 70) {
                                return "#ffff00";
                            }
                            return "#0000ff";
                        }
                    }
                }

            }]
        };
        /**
         * 数据获取
         */
        $.getJSON(uParas.baseUrl + "/3rd/dangerSrc/queryRiskLevel", {
            cId: baseCache.getCId(),
            "riskPointType": 2
        }, function (result) {
            if (result.code == 1) {
                var xAxis_data = new Array();
                var series_data = new Array();
                console.log(result);
                $.each(result.data, function (i, field) {
                    xAxis_data.push(field.riskPointName);
                    series_data.push(field.numbers);
                });
                option.xAxis.data = xAxis_data;
                option.series[0].data = series_data;
                //{dangerSrcName: "日常办公", numbers: "856", dangerSourceLevel: 1}
                // var source = new Object();

                // list[0] = ['product', '重大', '较大', '一般', '较低'];
                // list[1] = ['风险点', lv1Count, lv2Count, lv3Count, lv4Count];
                // source.source = list;
                // option1.dataset = source;
                console.log(JSON.stringify(option));
                myChart1.setOption(option, true);
            }
        });
    });
</script>

</body>
</html>