在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/

显然，你可以根据自己的需要改变逻辑。