系列和类别数据不会动态变化

Question

I have these two fiddles - first and second.

in the first one I have written -

var chart = $('#container').highcharts();
chart.xAxis[0].setCategories(['J', 'F', 'M', 'A', 'N']);

this code within first if block and in the second i have written this in a different if block.

My doubt is that why only in the second one the categories are changed on selecting DATA SET B

please guide.

Answer 1

Add this -

$("#list").on('change', function(){
      var selVal = $("#list").val();
    if(selVal == "B")
    {
    var chart = $('#container').highcharts();
    chart.xAxis[0].setCategories(['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D']);
    }
});

here is the fiddle - fiddle