PerfectEquation
/
GZ


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!DOCTYPE html>
<html>
  <head>
    <title>demo.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="/nwyj/page/cockpit/context.js"></script> 
    
	 <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script> 
     <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts-all.js"></script>
     <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/chart/bar.js"></script> 
     <script type="text/javascript" src=" /nwyj/page/cockpit/cockpit_echart.js"></script> 
     <style type="text/css">
     	html,body{
     		width: 100%;
     		height: 100%;
     	}
     	._main{
     		height: 100%;
     	}
     </style>


  </head>
  <body>
   <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" class="_main"</div>
 <script type="text/javascript">
 

	var leArr=['直接访问','邮件营销','联盟广告','视频广告','搜索引擎','百度','谷歌','必应','其他'];
	var xArr = ['周一','周二','周三','周四','周五','周六','周日']
	var sArr = [
		        {
		            name:'直接访问',
		            type:'bar',
		            data:[320, 332, 301, 334, 390, 330, 320]
		        },
		        {
		            name:'邮件营销',
		            type:'bar',
		            stack: '广告',
		            data:[120, 132, 101, 134, 90, 230, 210]
		        },
		        {
		            name:'联盟广告',
		            type:'bar',
		            stack: '广告',
		            data:[220, 182, 191, 234, 290, 330, 310]
		        },
		        {
		            name:'视频广告',
		            type:'bar',
		            stack: '广告',
		            data:[150, 232, 201, 154, 190, 330, 410]
		        },
		        {
		            name:'搜索引擎',
		            type:'bar',
		            data:[862, 1018, 964, 1026, 1679, 1600, 1570],
		            markLine : {
		                itemStyle:{
		                    normal:{
		                        lineStyle:{
		                            type: 'dashed'
		                        }
		                    }
		                },
		                data : [
		                    [{type : 'min'}, {type : 'max'}]
		                ]
		            }
		        },
		        {
		            name:'百度',
		            type:'bar',
		            barWidth : 5,
		            stack: '搜索引擎',
		            data:[620, 732, 701, 734, 1090, 1130, 1120]
		        },
		        {
		            name:'谷歌',
		            type:'bar',
		            stack: '搜索引擎',
		            data:[120, 132, 101, 134, 290, 230, 220]
		        },
		        {
		            name:'必应',
		            type:'bar',
		            stack: '搜索引擎',
		            data:[60, 72, 71, 74, 190, 130, 110]
		        },
		        {
		            name:'其他',
		            type:'bar',
		            stack: '搜索引擎',
		            data:[62, 82, 91, 84, 109, 110, 120]
		        }
		    ]
		
 
var aa={"title":"",
"unit":"单位：条",
"leArr":["500kV已恢复线路跳闸","500kV未恢复线路跳闸","220kV已恢复线路跳闸","220kV未恢复线路跳闸",
         "110kV已恢复线路跳闸","110kV未恢复线路跳闸","35kV已恢复线路跳闸",
         "35kV未恢复线路跳闸","10kV已恢复线路跳闸","10kV未恢复线路跳闸"],
"xArr":["清远供电局","江门供电局","茂名供电局"],
"sArr":[{"name":"500kV已恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局FIVE"},
        {"name":"500kV未恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局FIVE"},
        {"name":"220kV已恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局FOUR"},
        {"name":"220kV未恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局FOUR"},
        {"name":"110kV已恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局THREE"},
        {"name":"110kV未恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局THREE"},
        {"name":"35kV已恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局TWO"},
        {"name":"35kV未恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局TWO"},
        {"name":"10kV已恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局ONE"},
        {"name":"10kV未恢复线路跳闸","type":"bar","data":[0,0,0],"stack":"清远供电局ONE"}]}
	
	$(function(){
		var echart=getEchart($("#main"),getOption,{leArr:aa.leArr,xArr:aa.xArr,sArr:aa.sArr}); 
 		
 	});
		                    
 </script>
  </body>
 
</html>