如何在高原图表上拖动选择多个列并将其反映在导航器上？

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/