Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
gogadmin
/
finopt
1
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Мод: 09c5e3158c
Салаанууд Тагууд
finopt
/
html
/
wpc-debug.html

wpc-debug.html 6.0 KB
Түүх Анхны өгөгдөл

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 
  1. <html>
    2. 

  2.   <head>
    3. 

  3.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    4. 

  4.     <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    5. 

  5.     <script type="text/javascript">
    6. 

  6.       google.load("visualization", "1.1", {packages:["bar", 'table']});
    7. 

  7. //      google.load('visualization', '1', {packages:['table']});
    8. 

  8. //      google.load("visualization", "1.1", {packages:["corechart"]});
    9. 

  9.       google.setOnLoadCallback(drawChart);
    10. 

  10.       function drawChart() {
    11. 

  11.         var data = google.visualization.arrayToDataTable([
    12. 

  12.           ['Strike Price', 'P', 'C', ],
    13. 

  13. [166.000000,-3.0,0],[170.000000,-2.0,0],[180.000000,-1.0,0],[184.000000,-1.0,0],[198.000000,-3.0,0],[202.000000,-2.0,0],[204.000000,-1.0,0],[208.000000,0.0,0],[210.000000,0,1.0],[210.000000,1.4,0],[218.000000,0,1.0],[222.000000,0,2.0],[224.000000,0,-3.0],[228.000000,0,-3.0],[232.000000,0,-4.0],[242.000000,0,-1.4],
    14. 

  14.         ]);
    15. 

  15. 

  16. 	var dataTbl = google.visualization.arrayToDataTable([
    17. 

  17. ["symbol","right","avgcost","spotpx","pos","delta","theta","pos_delta","pos_theta","unreal_pl","last_updated"],["HSI-20151029-22200-C","C",19030.000000,381.017579,2.000000,0.437840,-10.815704,43.784026,-1081.570398,41.757911,"20151007111401"],["HSI-20151029-21800-C","C",26230.000000,589.984203,1.000000,0.564297,-11.286094,28.214835,-564.304724,3269.210161,"20151007111401"],["MHI-20151029-21000-P","P",7424.972473,190.018020,7.000000,-0.228807,-9.536717,-16.016499,-667.570202,-38673.545917,"20151007111401"],["HSI-20151029-20800-P","P",0.000000,155.972182,0.000000,-0.192131,-8.849944,-0.000000,-0.000000,0.000000,"20151007111401"],["HSI-20151029-18000-P","P",720.000000,11.999173,-1.000000,-0.015764,-1.857590,0.788211,92.879512,120.041361,"20151007111401"],["HSI-20151029-17000-P","P",4520.000000,5.999704,-2.000000,-0.007562,-1.105674,0.756240,110.567375,8440.029579,"20151007111402"],["HSI-20151029-24200-C","C",1470.000000,19.999537,-1.000000,0.041259,-2.448742,-2.062959,122.437121,470.023160,"20151007111401"],["HSI-20151029-18400-P","P",970.000000,17.999820,-1.000000,-0.023581,-2.495253,1.179028,124.762643,70.008998,"20151007111401"],["HSI-20151029-20200-P","P",4370.000000,86.997312,-2.000000,-0.112454,-6.714653,11.245382,671.465307,40.268774,"20151007111402"],["HSI-20151029-22800-C","C",2586.666667,170.029743,-3.000000,0.250094,-8.446428,-37.514111,1266.964138,-17744.461378,"20151007111401"],["HSI-20151029-19800-P","P",3103.333333,58.995870,-3.000000,-0.077557,-5.404070,11.633482,810.610571,460.619438,"20151007111401"],["HSI-20151029-16600-P","P",3553.333333,4.000011,-3.000000,-0.005123,-0.800896,0.768488,120.134341,10059.998398,"20151007111401"],["MHI-20151029-21000-C","C",9023.000000,1160.037453,5.000000,0.767841,-9.738065,38.392063,-486.903239,12886.872633,"20151007111401"],["HSI-20151029-20400-P","P",4970.000000,103.984277,-1.000000,-0.133053,-7.353567,6.652636,367.678353,-229.213835,"20151007111401"],["HSI-20151029-22400-C","C",4336.666667,284.957300,-3.000000,0.362798,-10.093177,-54.419729,1513.976559,-29733.594967,"20151007111401"],["MHI-20151029-24200-C","C",173.000000,7.004789,-2.000000,0.018215,-1.094362,-0.364294,21.887240,205.904221,"20151007111401"],["HSI-20151029-23200-C","C",2445.000000,91.985154,-4.000000,0.155384,-6.290783,-31.076857,1258.156612,-8617.030711,"20151007111401"],
    18. 

  18. 

  19.         ]);
    20. 

  20. 

  21. 

  22.         var options = {
    23. 

  23.           width: 900,
    24. 

  24.           chart: {
    25. 

  25.             title: 'Option Postion Distribution. PUT:CALL Ratio [-11.60 : -7.40]',
    26. 

  26.             subtitle: 'for the month of 20151029, ',
    27. 

  27.           },
    28. 

  28.  
    29. 

  29.         };
    30. 

  30. 

  31.         var chart = new google.charts.Bar(document.getElementById('barchart_material'));
    32. 

  32.         chart.draw(data, options);
    33. 

  33. 

  34. 

  35. 

  36. 

  37. 	// chart table display implied volatilities in a nicely formatted table	
    38. 

  38. //       var chartTbl = new google.visualization.Table(document.getElementById('chartTbl_div'));
    39. 

  39. 

  40. 

  41.   //     var portTbl = new google.visualization.Table(document.getElementById('portTblDiv'));
    42. 

  42. 

  43. 	var formatter = new google.visualization.NumberFormat({pattern:'0.00'});
    44. 

  44. 	for (var i = 2; i < 9; i++)
    45. 

  45. 		formatter.format(dataTbl, i); 
    46. 

  46.         var options2 = {
    47. 

  47.           displayAnnotations: true,
    48. 

  48. 	  showRowNumber: true, width: '100%', height: '100%', allowHtml: true,
    49. 

  49.         };
    50. 

  50. //	chartTbl.draw(dataTbl, options2);
    51. 

  51. 

  52. 	$('input[id="b_reload"]').click();
    53. 

  53. 

  54.       }
    55. 

  55. 

  56. 

  57. //        $(document).ready(function () {
    58. 

  58. 		$('input[id="b_reload"]').click(function () {
    59. 

  59. //		   var formatter = new google.visualization.NumberFormat({pattern:'0.00'});
    60. 

  60. //		   for (var i = 0; i < 9; i++)
    61. 

  61. //				formatter.format(portTbl, i); 
    62. 

  62. 		   var options3 = {
    63. 

  63. 			displayAnnotations: true,
    64. 

  64. 			showRowNumber: true, width: '100%', height: '100%', allowHtml: true,
    65. 

  65. 			};	    
    66. 

  66. 		    $.ajax({
    67. 

  67. 			type: 'Post',
    68. 

  68. 			url: '/ws_position_summary',
    69. 

  69. 			success: function (data) {
    70. 

  70. alert(data);
    71. 

  71. 				var jdata = JSON.parse('{"rows": [{"v": 0.047488620928674306}, {"v": -34.1918070686455}, {"v": 35.01931221132403}, {"v": -69.21111927996955}, {"v": 0.0}, {"v": 4350.744926215475}, {"v": -297.6744472363985}, {"v": 4648.419373451876}, {"v": 89903.71832036527}, {"v": "20150915231057"}, {"v": "OK"}], "cols": [{"type": "number", "label": "delta_1percent"}, {"type": "number", "label": "delta_all"}, {"type": "number", "label": "delta_c"}, {"type": "number", "label": "delta_p"}, {"type": "number", "label": "theta_1percent"}, {"type": "number", "label": "theta_all"}, {"type": "number", "label": "theta_c"}, {"type": "number", "label": "theta_p"}, {"type": "number", "label": "unreal_pl"}, {"type": "string", "label": "last_updated"}, {"type": "string", "label": "status"}]}');
    72. 

  72. 

  73. 				$('#temp').text(jdata);
    74. 

  74. 				var d  = new google.visualization.DataTable(jdata);
    75. 

  75. 				portTbl.draw(d, options3);
    76. 

  76. 			}
    77. 

  77. 		    });
    78. 

  78. 		})
    79. 

  79. //	});
    80. 

  80. 

  81.     </script>
    82. 

  82. 

  83. 

  84.   </head>
    85. 

  85.   <body>
    86. 

  86.     <div id="barchart_material" style="width: 900px; height: 500px;"></div>
    87. 

  87.     <div id='chartTbl_div' style='width: 900px; height: 500px;'></div>
    88. 

  88.     <div id="portTbl">
    89. 

  89.         <input type="button" id="b_reload" value="Reload" />
    90. 

  90.     </div>
    91. 

  91.     <div id='portTblDiv' style='width: 900px; height: 500px;'></div>
    92. 

  92. <div id='temp'></div>
    93. 

  93. 

  94.   </body>
    95. 

  95. </html>
    96. 

  96. 

  97.