高图表工具提示

Question

我正在使用HighCharts，并且我想从图表中删除工具提示。

我通过以下代码做到了这一点：

tooltip: {
enabled: true,
}

我的需求是在工具提示中显示我想要在图表顶部显示的任何内容。当我们将鼠标悬停在任何点上时，该显示区域将按照工具提示的方式使用适当的数据进行更新。

Answer 1

实际上，刀尖的位置和位置是不能改变的。但是，有一种方法是将工具提示的内容移动到其他地方，如下所示。

“‘container”显示图表，“Info”块显示下面示例中的工具提示。

<div id="info"></div>
<div id="container" style="height: 400px"></div>

使用下面给出的格式化程序：

chart: {
        renderTo: 'container'
    },
tooltip: {
        enabled: true,
        formatter: function() {
            $('#info').html('Value <b>'+ this.x +
                '</b> is <b>'+ this.y +'</b>');
            return false;
        }
      }