zskk_bg
/
yuanchengpasc


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
							<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        {include file="../application/manage/view/commons/headers.html" }
        <script type="text/javascript" src="/static/js/echarts/echarts.common.min.js"></script>
    </head>
    <body >
        <div id="statMain" class="main" style="width: 100%;height:100px;" ></div>
        <script type="text/javascript" >
            var winHeight=$(window).height();
            $("#statMain").height(winHeight);
            
            var datas={$stats};
            var numsData=new Array();
            var exam_numData=new Array();
            var remote_numData=new Array();
            var danger_numData=new Array();
            var months=new Array();
            
            for(var i=0;i<datas.length;i++){
                var row=datas[i];
                months.push(row["month"]);
                numsData.push(row["nums"]);
                exam_numData.push(row["exam_num"]);
                remote_numData.push(row["remote_num"]);
                danger_numData.push(row["danger_num"]);
            }
            
            $(function () {
                var myChart = echarts.init(document.getElementById('statMain'));
                var option = {
                    title: {
                        text: '远程诊断统计数据',
                        subtext: '单子数量、影像数量、远程诊断数量、确诊阳性数量等',
                        textStyle : { fontSize : 18, },
                        subtextStyle : { fontSize : 14, },
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        data: [ '单子数量' , '影像数量', '远程诊断数量','确诊阳性数量']
                    },
                    grid:
                            {x: '5%', y: '10%', width: '92%', height: '85%'},
                    toolbox: {
                        show: true,
                        feature: {
                            //mark : {show: true},
                            //dataView : {show: true, readOnly: false},
                            //magicType : {show: true, type: ['line', 'bar']},
                            //restore : {show: true},
                            //saveAsImage : {show: true}
                        }
                    },
                    calculable: true,
                    xAxis: [
                        {
                            type: 'category',
                            boundaryGap: false,
                            data: months
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            axisLabel: {
                                formatter: '{value}'
                            }
                        }
                    ],
                    series: [
                        {
                            name: '单子数量',type: 'line',data: numsData,
                        },{
                            name: '影像数量',type: 'line',data: exam_numData,
                        },{
                            name: '远程诊断数量',type: 'line',
                            data: remote_numData,
                        },{
                            name: '确诊阳性数量',type: 'line',
                            data: danger_numData,
                        }
                    ]
                };
                myChart.setOption(option);
            })


        </script>  
        
        
    </body>
</html>