80ac27cb609ab898e124db23d135f786e6b5b9a7.svn-base 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>lt_loadCurve.html</title>
  5. <meta name="keywords" content="keyword1,keyword2,keyword3">
  6. <meta name="description" content="this is my page">
  7. <meta name="content-type" content="text/html; charset=UTF-8">
  8. <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  9. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
  10. <!-- 图表start -->
  11. <script type="text/javascript" src="/nwyj/scripts/highcharts/highcharts.js"></script>
  12. <script type="text/javascript" src="/nwyj/scripts/highcharts/modules/exporting.js"></script>
  13. <!-- 图表end -->
  14. <script type="text/javascript">
  15. $(function(){
  16. //-----------------------------------------负荷损失趋势图------------------------------------------------------
  17. $('#container5').highcharts({
  18. chart:{
  19. borderColor:'#5E96BE',
  20. borderWidth:1,
  21. alignTicks:false,
  22. type:'line'
  23. },
  24. title:{
  25. text:"XXX变电站负荷曲线图",
  26. style: {
  27. fontSize:12,
  28. fontWeight: 'bold'
  29. }
  30. },
  31. xAxis:{
  32. categories:['1' ,'2' ,'3' ,'4' ,'5' ,'6' ,'7' ,'8' ,'9' ,'10',
  33. '11','12','13','14','15','16','17','18','19','20',
  34. '21','22','23','24']
  35. },
  36. yAxis:{
  37. title:{text:'单位:(万kW)'},
  38. gridLineWidth:1
  39. },
  40. series:[{
  41. name:'最大负荷日负荷曲线',
  42. data:[190,180,170,160,145,139,156,160,180,205,
  43. 215,235,220,230,245,238,220,210,200,235,
  44. 249,235,215,200]
  45. }],
  46. credits: {text:""},
  47. legend: {
  48. align: 'right', //水平方向位置
  49. verticalAlign: 'top', //垂直方向位置
  50. x: 0, //距离x轴的距离
  51. y: 20 //距离Y轴的距离
  52. }
  53. });
  54. });
  55. </script>
  56. </head>
  57. <body style="margin:0px;padding:0px;">
  58. <div id="container5" style="margin:0px;padding:0px;width:700px; height:300px;"></div>
  59. </body>
  60. </html>