javascript - 有什么方法可以在单击时突出显示特定节点 | Highcharts 桑基

Question

我想知道一个特定的节点是否可以在类似states in hover(linkOpacity)的Click上高亮显示并在单击其他节点/系列时将其替换为之前的颜色。

简而言之，加载图表时，最上面的节点最初会高亮显示，当用户单击另一个节点时，该特定选定节点会高亮显示(并且最初高亮显示的节点会恢复为正常颜色)。

请在下面找到类似的 JSFiddle它在点击时突出显示特定系列(这是通过在 JavaScript 的帮助下添加类来完成的)。

events: {
    click: function (event) {                         
           event.target.classList.add('additionalClass');
    }
}

Highcharts 中是否有任何功能可以在最终用户不进行任何 DOM 操作的情况下实现这一点？

Answer 1

您可以在 click 事件上简单地更新点的颜色:

  point: {
    events: {
      click: function(event) {
        this.update({
          color: 'red'
        });
      }
    }
  }

实时工作示例: http://jsfiddle.net/kkulig/dg2uf8d0/

API 引用: https://api.highcharts.com/highcharts/plotOptions.sankey.point.events