jquery - 是否可以重新设置高图表图例？

Question

我正在使用高图表库，并希望将图例条目从图表中移到侧栏中的另一个容器中。

有谁知道这是否可能？

我试过这个，但风格无处不在：

 chart = new Highcharts.Chart({
 chart: { .... 
     events: {
        load: function (event) {
            $(".highcharts-legend").appendTo("#legendContainer");
        }
  }

Answer 1

图例是使用 SVG 绘制的。div而不是对一个svg元素重新父级。

<svg id="legendContainer" class="highcharts-container"></svg>

在这里拉小提琴。

编辑

最新版本的 Highcharts 使用 SVG 定位图例transform，您可能必须删除它才能使 reparent 正常工作。更新了小提琴。