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 } } },
Comments
Post a Comment