在Sankey图中进行下钻。

Question

我正在寻找如何在sankey图中实现drilldown的示例代码。我试着使用列式drilldown演示中的drilldown代码，但它在sankey中不起作用。预期的功能与dendogram非常相似，即点击一个节点隐藏显示子节点。

例子。https:/jsfiddle.nety_tddeld7jby2z15

 .

在这个例子中，第二列中的每个节点都将是可点击的，并且有自己的子节点.印伊节点的扩展视图作为一个例子显示。

Answer 1

当前的drilldown模块不兼容。sankey 系列。你将需要创建你自己的drilldown逻辑。下面是一个基本的演示，它展示了如何在点击事件中更新系列--它可以被视为对其他系列的drilldown。

演示。https:/jsfiddle.netBlackLabelhn19xga5

  events: {
    click() {
      let series = this.series,
        chart = series.chart;

      if (!isDrilldown) {
        chart.backButton = chart.renderer.button('back', 20, 20, function() {
          series.update({
            data: initialData
          })
          chart.backButton.destroy();
          isDrilldown = false;

        }).add()
        isDrilldown = true;
      }

      this.series.update({
        data: drilldown1
      })
    }
  }

API。https:/api.highcharts.comhighchartsseries.sankey.data.event.click。

API。https:/api.Highcharts.comclass-referenceHighcharts.SVGRenderer#button。

API.Api.Highcharts.comclass-referenceHighcharts.Series#update: https:/api.Highcharts.comclass-referenceHighcharts.Series#update。