score:3

Accepted answer

got it....

for complete code click here

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);    
});

score:1

in highcharts documentation you can fine a example for the same using a button,

example for series.setdata(); http://api.highcharts.com/highcharts#series.setdata()

you can use the same example here also.

apply the same logic with on change event.


Related Query

More Query from same tag