javascript - 在 Highcharts 中将用户输入动态显示为工具提示

Question

我想在弹出对话框中使用多个区域从用户那里获取 12 个输入。我希望这些输入显示为该图多个点的工具提示 http://www.highcharts.com/demo/line-labels 到目前为止我遇到的任何例子都没有提到如何做到这一点。有没有人知道如何使用用户给出的文本区域输入来实现工具提示？

Answer 1

您可以使用tooltip formatter图表选项为图表的每个点呈现自定义工具提示。在我的每个点的示例中，我使用eq选择器获取第 n 个输入的相应值，并在工具提示中使用它的值。

代码如下所示：

tooltip: {
    formatter: function() {
        var index = dataValues.indexOf(this.y);
        var comment=$("input:eq("+(index)+")").val()
        return 'The value for <b>'+ this.x +
            '</b> is <b>'+ this.y +'</b> -->'+comment;
    }
},

这是一个工作小提琴：http: //jsfiddle.net/IrvinDominin/RbenU/1/

显然，您可以根据需要更改逻辑。