| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <html>
- <head>
- <script type="text/javascript" src="https://www.google.com/jsapi"></script>
- <script type="text/javascript">
- google.load("visualization", "1.1", {packages:["bar"]});
- // google.load("visualization", "1.1", {packages:["corechart"]});
- google.setOnLoadCallback(drawChart);
- function drawChart() {
- var data = google.visualization.arrayToDataTable([
- ['Strike Price', 'P', 'C', ],
- [18000,-1.0,0],
- [18600,-1.0,0],
- [18800,-1.0,0],
- [19800,-1.0,0],
- [20200,-1.0,0],
- [20800,-2.2,0],
- [21000,-0.2,0],
- [21600,0.0,0],
- [21800,-4.0,0],
- [22600,0,-1.0],
- [22600,3.2,0],
- [23000,0,-1.0],
- [23200,1.0,0],
- [23600,0,-2.0],
- [23600,1.8,0],
- [23800,0,-1.0],
- [24000,0,-2.0],
- [24200,0,-1.0],
- [24400,0,1.0],
- [24800,0,-1.0],
- ]);
- var options = {
- width: 900,
- chart: {
- title: 'Option Postion Distribution',
- subtitle: 'for the month of August and Sept 2015',
- },
-
- };
- var chart = new google.charts.Bar(document.getElementById('barchart_material'));
-
- chart.draw(data, options);
- }
- </script>
- </head>
- <body>
- <div id="barchart_material" style="width: 900px; height: 500px;"></div>
- </body>
- </html>
|