Composite line + Benchmark

by artoodetoo

HTML

<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.2.3/highcharts.js"></script>
<div id="historical-chart" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

Select a benchmark: <select id="benchmark-select">
<option value="">None</option>
<option value="US_STOCKS">U.S. Stocks</option>
<option value="INTL_DEVELOPED">Foreign Stocks</option>
<option value="INTL_EMERGING">Emerging Markets</option>
<option value="DIV_STOCKS">Dividend Stocks</option>
<option value="REAL_ESTATE">Real Estate</option>
<option value="COMMODITIES">Natural Resources</option>
<option value="BONDS">U.S. Government Bonds</option>
<option value="INFL_BONDS">TIPS</option>
<option value="MUNI_BONDS">Municipal Bonds</option>
<option value="CORP_BONDS">Corporate Bonds</option>
<option value="EM_BONDS">Emerging Market Bonds</option>
</select>

JavaScript

$(function () {

var amount = 500, pct = 2.5;

var order = ["US_STOCKS", "INTL_DEVELOPED", "INTL_EMERGING", "DIV_STOCKS", "REAL_ESTATE", "COMMODITIES", "CORP_BONDS", "EM_BONDS"];
var riskToPct = [
    {n: 0.5, data: [6,  5,  5,  5,  5,  25, 35, 14]},
    {n: 1.0, data: [8,  5,  5,  11, 5,  19, 35, 12]},
    {n: 1.5, data: [12, 5,  5,  12, 5,  14, 35, 12]},
    {n: 2.0, data: [15, 6,  5,  12, 5,  9,  35, 13]},
    {n: 2.5, data: [16, 8,  5,  13, 5,  5,  35, 13]},
    {n: 3.0, data: [17, 10, 6,  14, 5,  0,  35, 13]},
    {n: 3.5, data: [17, 11, 7,  15, 5,  0,  35, 10]},
    {n: 4.0, data: [18, 12, 8,  15, 6,  0,  31, 10]},
    {n: 4.5, data: [18, 13, 9,  15, 8,  0,  28, 9 ]},
    {n: 5.0, data: [18, 14, 10, 15, 9,  0,  25, 9 ]},
    {n: 5.5, data: [19, 15, 11, 15, 10, 0,  21, 9 ]},
    {n: 6.0, data: [19, 16, 12, 15, 11, 0,  19, 8 ]},
    {n: 6.5, data: [20, 17, 13, 15, 12, 0,  15, 8 ]},
    {n: 7.0, data: [20, 17, 14, 15, 13, 0,  13, 8 ]},
    {n: 7.5, data: [21, 18, 15, 15, 14, 0,  10, 7 ]},
    {n: 8.0, data: [22, 19, 16, 15, 15, 0,  6,  7 ]},
    {n: 8.5, data: [23, 19, 17, 15, 15, 0,  5,  6 ]},
    {n: 9.0, data: [21, 18, 22, 13, 16, 0,  5,  5 ]},
    {n: 9.5, data: [21, 18, 27, 8,  16, 0,  5,  5 ]},
    {n: 10,  data: [20, 18, 31, 5,  16, 0,  5,  5 ]}
];
var stocks = {
    "US_STOCKS":    ...