是否有可能highchart图例不应该是svg的一部分？

Question

我正在使用 highchart 库来显示图表。

它将图表显示为 SVG 图像。 图例部分也是 SVG 的一部分。

在屏幕截图中，请检查<g class="highcharts-legend"元素。 它是 SVG 的一部分。

有没有可能传说不应该成为 SVG 的一部分？ 它应该作为 HTML 列表在 SVG 之外。

也许 highchart 配置中有一个选项，但我错过了它？

更新：

使用useHtml选项，图例的文本现在位于 SVG 之外，但颜色点仍在 SVG 内部。

Answer 1

图例有useHTML选项，但它只会将文本元素放在 SVG 之外。

legend: {
    useHTML: true,
    ...
}

如果要将其完全移出 SVG，则需要创建自定义图例。

---

现场演示：http: //jsfiddle.net/BlackLabel/rox6dc7a/

API 参考： https ://api.highcharts.com/highcharts/legend.useHTML