123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>lt_loadCurve.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">
-
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
- <!-- 图表start -->
- <script type="text/javascript" src="/nwyj/scripts/highcharts/highcharts.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/highcharts/modules/exporting.js"></script>
- <!-- 图表end -->
- <script type="text/javascript">
- $(function(){
- //-----------------------------------------负荷损失趋势图------------------------------------------------------
- $('#container5').highcharts({
- chart:{
-
- borderColor:'#5E96BE',
- borderWidth:1,
- alignTicks:false,
- type:'line'
-
- },
- title:{
- text:"XXX变电站负荷曲线图",
- style: {
- fontSize:12,
- fontWeight: 'bold'
- }
- },
- xAxis:{
- categories:['1' ,'2' ,'3' ,'4' ,'5' ,'6' ,'7' ,'8' ,'9' ,'10',
- '11','12','13','14','15','16','17','18','19','20',
- '21','22','23','24']
- },
-
- yAxis:{
- title:{text:'单位:(万kW)'},
- gridLineWidth:1
- },
-
- series:[{
- name:'最大负荷日负荷曲线',
- data:[190,180,170,160,145,139,156,160,180,205,
- 215,235,220,230,245,238,220,210,200,235,
- 249,235,215,200]
- }],
-
- credits: {text:""},
- legend: {
- align: 'right', //水平方向位置
- verticalAlign: 'top', //垂直方向位置
- x: 0, //距离x轴的距离
- y: 20 //距离Y轴的距离
- }
-
- });
- });
- </script>
- </head>
-
- <body style="margin:0px;padding:0px;">
- <div id="container5" style="margin:0px;padding:0px;width:700px; height:300px;"></div>
- </body>
- </html>
|