高图表工具提示

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;
        }
      }