highcharts - How to drag select multiple columns on highstock chart and have it reflect on the navigator? -


i have 2 goals. first able disable default dragging on main chart, , using drag , multiple select on columns. second want know if possible reflect selection on navigator bar under main chart. please advise.

thanks

this possible using point.select() , chart.events.selection event. here sample config:

  chart: {     renderto: 'container',     type: 'column',     panning: false,     zoomtype: 'x',     events: {       selection: function (e) {         var xaxis = e.xaxis[0],             flag = false; // first selected point should deselect old ones          if(xaxis) {           $.each(this.series, function (i, series) {             $.each(series.points, function (j, point) {                 if( point.x >= xaxis.min && point.x <= xaxis.max ) {                 point.select(true, flag);                 if (!flag) {                     flag = !flag; // other points should include previous points                 }               }             });           });         }          return false; // prevent zoom       }     }   }, 

demo: http://jsfiddle.net/ma50685a/4/


Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -