Javascript 海图中的多类别选择图

我正在努力在highcharts中创建多选柱形图。 我的目标是让用户能够选择/取消选择图表的任何类别

预期行为：

在类别（即“0-1M”）上单击，两个条应改变颜色。再次单击类别将恢复颜色

如何将所选列通知外部应用程序（AngularJS）

我使用allowPointSelect:true，但它只选择类别的一列，而不是两列

allowPointSelect: true,

不知道如何从这里继续

我在这儿闲逛-

---

有什么想法吗？

1.此自定义行为可以在

plotOptions.series.point.events的回调函数中轻松编程。单击
属性：

  point: {
    events: {
        click: function() {
        var clickedPoint = this,
            chart = clickedPoint.series.chart;

        chart.series.forEach(function(s) {
            s.points.forEach(function(p) {
            if(p.x == clickedPoint.x) {
              p.select(null, true);
            }
          });
        });
      }
    }
  },

现场演示：

使用上述代码时，需要禁用
allowPointSelect

API参考资料：






2。我对Angular不太了解，但我在第一个点中使用的事件似乎是检查当前选定点的好地方。
1。此自定义行为可以在
plotOptions.series.point.events的回调函数中轻松编程。单击
属性：

  point: {
    events: {
        click: function() {
        var clickedPoint = this,
            chart = clickedPoint.series.chart;

        chart.series.forEach(function(s) {
            s.points.forEach(function(p) {
            if(p.x == clickedPoint.x) {
              p.select(null, true);
            }
          });
        });
      }
    }
  },

现场演示：

使用上述代码时，需要禁用
allowPointSelect

API参考资料：






2。我对角度不太了解，但我在第1点中使用的事件似乎是检查当前选择的点的好地方。
您能否详细解释您的第1点，如选择时的示例图形看起来相似会更好。np。例如，当您选择类别“0-1M”中的一列时，两列都将为黄色。再次单击它们，将使其再次变为蓝色。您能否详细解释一下您的第1点，例如选择Befort better.np时的示例图形。例如，当您选择类别“0-1M”中的一列时，两列都将为黄色。再次单击它们，将使它们再次变为蓝色。