2014-02-25 87 views
1

有誰知道如何在HighCharts圖表中保留選擇?HighCharts - 選擇事件保持在圖中標記的選擇

$(function() { 
    var $report = $('#report'); 

    // create the chart 
    $('#container').highcharts({ 
     chart: { 
      events: { 
       selection: function(event) { 
        if (event.xAxis) { 
         $report.html('min: '+ event.xAxis[0].min +', max: '+ event.xAxis[0].max); 
        } else { 
         $report.html ('Selection reset'); 
        } 
       } 
      }, 
      zoomType: 'x' 
     }, 
     xAxis: { 
     }, 

     series: [{ 
      type: 'column', 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }, { 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].reverse() 
     }] 
    }); 
}); 

如:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/events-selection/

比方說,有一次我選擇圖形的區域,該區域保持選中狀態,直到用戶作出新的選擇或復位變焦。有任何想法嗎?

+0

你能做到嗎? – Animesh

回答

0

參見demo從Highcharts站點 - 稱爲主底部圖表是使用addPlotBand()標記(未)選擇的區域。