github.com/diadata-org/diadata@v1.4.593/frontend/interestRates/createCharts/ownChart_v3.html (about)

     1  <!DOCTYPE html>
     2  
     3  <html lang="en">
     4  <head>
     5  	<meta charset="UTF-8">
     6  	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     7      <meta http-equiv="X-UA-Compatible" content="ie=edge">
     8      
     9  	<script src="https://code.highcharts.com/stock/highstock.js"></script>
    10  	<script src="https://code.highcharts.com/stock/modules/data.js"></script>	
    11      <script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
    12      <script src="https://code.highcharts.com/stock/modules/export-data.js"></script>    
    13      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>    
    14  	
    15  	<title>Create Your Own Index</title>
    16  </head>
    17  
    18  <style>
    19     .input-header {
    20    display: inline-block; 
    21    width: 100%;
    22    /* border: 1px dashed blue; */
    23  }
    24  .div-left {
    25    float: left;
    26  }
    27  .div-right {
    28    float: right;
    29  }
    30  
    31  </style>
    32  
    33  <body>
    34      <div class='input-header'>
    35      
    36      <div class='div-left'>
    37      <table>
    38          <tbody>
    39          
    40              <tr><td>
    41                 Interest rate type: 
    42              </td>
    43              <td>
    44                  <select id='symbol' class='inputBoxes'>
    45                      <option value='SOFR'>SOFR</option>
    46              <option value='SONIA'>SONIA</option>
    47              <option value='ESTER'>€STR</option>
    48                  </select>
    49              </td>
    50              </tr>
    51      
    52              <tr><td>
    53                  Business Day Convention: 
    54              </td>
    55              <td>
    56                  <select id='dpy' class='inputBoxes'>
    57                      <option value='360'>360</option>
    58                      <option value='365'>365</option>
    59                  </select>
    60              </td>
    61              </tr>
    62      
    63              <tr><td>
    64                  Interest period in days: 
    65              </td>
    66              <td><input id='lenPeriod' type='text' class='inputBoxes'></td>
    67              </tr>
    68      
    69              <tr><td>
    70                  Rounding to decimals: 
    71              </td>
    72              <td><input id='rounding' type='number' value=4 class='inputBoxes'></td>     
    73              </tr>
    74          
    75          </tbody>
    76      </table>
    77      </div>
    78      <div class='div-right'>
    79      <table>
    80         <tbody>
    81             <tr><td> &nbsp; </td></tr>
    82             <tr><td> <input type='checkbox' id='compare'/><label for='compare'>Compare to non-compounded</label> </td></tr>
    83             <tr><td><input type='checkbox' id='DIA'/><label for='DIA'>DIA Index</label> </td></tr>
    84             <tr><td> <input type='button' onclick='updateChart()' value='Compute chart' class='buttons'/></td></tr>
    85         </tbody>
    86      </table>
    87      </div>
    88      
    89      </div>
    90      
    91      <br>
    92      </br>
    93      
    94      <div id="yourOwnContainer"></div>
    95      
    96      
    97       <script src='ownChart_v3.js'></script>
    98  
    99  </body>
   100  </html>