javascript - Highcharts 图例自定义 HTML

Question

我有一个 highcharts 图表，我希望从用户那里收集一些关于图表中每条线的数据。我试图在图例中的每个标签旁边显示一个带有 id 或与系列名称相关的名称的文本输入框。然后我可以有一个按钮和代码来将收集的数据提交到别处的服务器。

我试过设置一个 labelFormatter 函数，但它似乎只支持纯文本。

有没有一种简单的方法可以使用 highcharts 执行此操作，或者我是否正在考虑使用 highchart 事件 Hook 编写自己的函数，这些 Hook 将进入并添加我想要的 html？

感谢任何帮助。谢谢!

Answer 1

您可以将 Highcharts 图例的 useHTML 选项设置为 true。

legend: {
    useHTML: true,
    labelFormatter: function () {
        return '<span title="' + this.name + '">' + this.name + '</span>';
    }
}

http://api.highcharts.com/highcharts/legend.useHTML