如何在高股票图表上拖动选择多个列并使其反映在导航器上

Question

我有两个目标。首先是能够禁用主图表上的默认拖动，并在列上使用拖动和多选。其次，我想知道是否可以在主图表下方的导航器栏上反映此选择。请指教。

谢谢

Answer 1

这可以通过使用point.select()和chart.events.selection事件来实现。下面是一个示例配置：

  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; // all other points should include previous points
                }
              }
            });
          });
        }
        return false; // prevent zoom
      }
    }
  },

演示：http://jsfiddle.net/ma50685a/4/