在Highcharts中动态显示用户输入作为工具提示

Dynamically display User Input as tool-tip in Highcharts

本文关键字：工具提示 输入 用户 Highcharts 动态显示      更新时间：2023-09-26

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

您可以使用图表的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/

显然你可以根据你的需要改变逻辑

相关文章：