JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<canvas id="LineChart"></canvas>

<div class="chart-toggles">
    <a class="sp enabled">Toggle SP</a>
    <a class="nc enabled">Toggle NC</a>
    <a class="nc-avg enabled">Toggle NC Avg</a>
    <a class="sp-avg enabled">Toggle SP Avg</a>
</div>

CSS

.chart-toggles a.enabled {
    color: red;
}

JavaScript

var ctx = jQuery("#LineChart").get(0).getContext("2d");

var options = {
    animation: false,
    bezierCurve: false,
    pointDot: false,
    datasetFill: false,
    responsive: true,
    scaleGridLineColor: "rgba(0,0,0,0.03)",
    scaleLabel: "<%=value + '.00%' %>",
    scaleFontFamily: "'Open Sans', sans-serif",
    scaleFontColor: "#929292",
    scaleOverride: true,
    scaleSteps: 8,
    scaleStepWidth: 10,
    scaleStartValue: -40,
    tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%=value + '%' %>",
    tooltipCornerRadius: 3,
    multiTooltipTemplate: "<%=value + '%' %>",
    tooltipTitleFontFamily: "'Open Sans', sans-serif"
};

var chartlabel = [2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014];

var enableCheck = function() {
    SPOn = jQuery('.sp').hasClass('enabled');
    NCOn = jQuery('.nc').hasClass('enabled');
    SPAOn = jQuery('.sp-avg').hasClass('enabled');
    NCAOn = jQuery('.nc-avg').hasClass('enabled');
    if (!(SPOn)) {
        SP = {};
    } else {
        SP = {
            label: "S&P 500 Annual % Change in Value",
            strokeColor: "#db870f",
            pointColor: "#db870f",
            data: [-10.14, -13.04, -23.37, 26.38, 8.99, 3.00, 13.62, 3.53, -38.49, 23.45, 12.78, 0.00, 13.41, 29.60, 11.39]
        };
    };
    if (!(NCOn)) {
        NC = {};
    } else {
        NC = {
            label: "NCREIF Property Index Annual Returns",
            strokeColor: "#449bf7",
            pointColor: "#449bf7",
            data: [11.72, 7.10, 6.58, 8.70, 13.77, 18.72, 15.65, 14.98, -6.30, -17.96, 12.55, 13.56, 10.15, 10.56, 11.00]
        };
    };
    if (!(SPAOn)) {
        SPA = {};
    } else {
        SPA = {
            label: "S&P 500 Avg. Annual % Change in Value",
            strokeColor: "#efb96c",
            pointColor: "#efb96c",
            data: [4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07, 4.07]
        };
    };
    if (!(NCAOn)) {
 ...