highcharts - добавьте серию в график после щелчка

Question

Я получил график по высоким картам. Вот серия, которую я получил.

series: [{ 
       name: 'Математика', 
       data: [<?php echo $mathFirst; ?>, <?php echo $mathSecond; ?>, <?php echo $mathThird; ?>, <?php echo $mathFourth; ?>, <?php echo $mathFifth; ?>] 
      }, { 
       name: 'Программирование', 
       data: [<?php echo $programmingFirst; ?>, <?php echo $programmingSecond; ?>, <?php echo $programmingThird; ?>, <?php echo $programmingFourth; ?>, <?php echo $programmingFifth; ?>] 
      }, { 
       name: 'Английский язык', 
       data: [<?php echo $englishFirst; ?>, <?php echo $englishSecond; ?>, <?php echo $englishThird; ?>, <?php echo $englishFourth; ?>, <?php echo $englishFifth; ?>] 
      }, { 
       name: 'История', 
       data: [<?php echo $historyFirst; ?>, <?php echo $historySecond; ?>, <?php echo $historyThird; ?>, <?php echo $historyFourth; ?>, <?php echo $historyFifth; ?>] 
      }, { 
       name: 'Все предметы', 
       data: [<?php echo $middleFirst; ?>, <?php echo $middleSecond; ?>, <?php echo $middleThird; ?>, <?php echo $middleFourth; ?>, <?php echo $middleFifth; ?>] 
      }] 

И у меня есть выбор.

<select> 
     <option value="all">Все предметы</option> 
     <option value="math">Математика</option> 
     <option value="programming">Программирование</option> 
     <option value="english">Английский язык</option> 
     <option value="history">История</option> 
    </select> 

При нажатии на любую опцию, оно должно добавить серию в граф с некоторыми значениями. Как я могу это сделать?

Answer 1

Вот краткий пример добавления данных из onChange события <select> элемента:

// the select handler 
$('#select').change(function() { 
    var chart = $('#container').highcharts(); 
    someData = []; 
    for (var i = 0; i < 12; i++){ 
     someData.push(Math.random() * 250); 
    } 
    chart.addSeries({ 
     data: someData 
    }); 
}); 

Fiddle here.