JSFiddle - React, Tailwind, and code Playground

by adishardis

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<SELECT id="list">
    <OPTION VALUE="A">Data Set A</option>
    <OPTION VALUE="B">Data Set B</option>
    <OPTION VALUE="C">Data Set C</option>
    <OPTION VALUE="D">Data Set D</option>    
</SELECT>
<SELECT id="list1">
    <OPTION VALUE="A">Data Set A</option>
    <OPTION VALUE="B">Data Set B</option>
    <OPTION VALUE="C">Data Set C</option>
    <OPTION VALUE="D">Data Set D</option>    
</SELECT>
<div id="container" style="height: 200px"></div>
<div id="container1" style="height: 200px"></div>

JavaScript

var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'spline'
    },
    series: [{name: 'A', data: [1,2,3,2,1]}]
};
var chart = new Highcharts.Chart(options);

$("#list").on('change', function(){
    //alert('f')
    var selVal = $("#list").val();
    if(selVal == "A" || selVal == '')
    {
        options.series = [{name: 'A', data: [1,2,3,2,1]}]
    }
    else if(selVal == "B")
    {
        options.series = [{name: 'B', data: [3,2,1,2,3]}]
    }
    else if(selVal == "C")
    {
        options.series = [{name: 'C', data: [5,4,8,7,6]}]
    } 
    else
    {
        options.series = [{name: 'D', data: [4,7,9,6,2]}]
    }  
    var chart = new Highcharts.Chart(options);    
});

var options = {
    chart: {
        renderTo: 'container1',
        defaultSeriesType: 'spline'
    },
    series: [{name: 'A', data: [1,2,3,2,1]}]
};
var chart1 = new Highcharts.Chart(options);

$("#list1").on('change', function(){
    //alert('f')
    var selVal = $("#list1").val();
    if(selVal == "A" || selVal == '')
    {
        options.series = [{name: 'A', data: [1,2,3,2,1]}]
    }
    else if(selVal == "B")
    {
        options.series = [{name: 'B', data: [3,2,1,2,3]}]
    }
    else if(selVal == "C")
    {
        options.series = [{name: 'C', data: [5,4,8,7,6]}]
    } 
    else
    {
        options.series = [{name: 'D', data: [4,7,9,6,2]}]
    }  
    var chart1 = new Highcharts.Chart(options);    
});