SportsGrid CSGO Kelly

by lamarant

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.10/highcharts.js"></script>
<h3>Note that this does NOT include skins betting (excludes the Thunderpick book)</h3>
<h4>
<a href="http://nxtake-staging.azurewebsites.net/api/v1/CSGO/Chart/KellyReport/.25" target="_blank">http://nxtake-staging.azurewebsites.net/api/v1/CSGO/Chart/KellyReport/.25</a></h6>  
<p>To update with the latest results hit the link above, select all to copy the entire json object, then replace the value of the "data" variable in the left pane. Then click "Run" at the top left of the screen.</p>
<p>Note: To change the percent Kelly just change the value at the end of the url. Eg: to change to half Kelly change .25 to .5</p>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<div id="summary">
  <div id="kPerc">Kelly%: <span>25%</span></div>
  <div id="sDate">Start Date: <span></span></div>
  <div id="sBankRoll">Starting BankRoll: <span></span></div>
  <div id="eDate">End Date: <span></span></div>
  <div id="eBankRoll">Ending Bankroll: <span></span></div>
  <div id="eROI">Total ROI: <span></span></div>
  <div id="tBets">Total Bets: <span></span></div>
  <div id="tWon">Bets Won: <span></span></div>
  <div id="tLoss">Bets Lost: <span></span></div>
  <div id="tWPerc">Win Perc: <span></span></div>
</div>

CSS

body { font-family: verdana; font-size: 11px; }
#summary { margin-top: 1em; font-size: 12px; }
#summary div { clear: both; width: 500px; margin-bottom: .5em; }
#summary div span { float: right; text-align: left; display: inline-block; width: 200px; }

JavaScript

var data =...