我如何通過從下拉列表中選擇來更改highcharts數據值

Question

我正在嘗試爲不同的水果類型製作一個高圖。我想製作一些水果的下拉列表，當用戶選擇其中一個水果時，圖形根據該水果而改變。我無法在highchart文檔中找到任何下拉列表的例子，highcharts是否允許下拉列表？

Answer 1

明白了....

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

Answer 2

在highcharts文檔，你可以用一個按鈕罰款同樣的一個例子，對於series.setData();http://api.highcharts.com/highcharts#Series.setData()

您可以在這裏使用相同的example也

例子。

對change事件應用相同的邏輯。