高图表工具提示

时间:2011-12-27 11:28:08

标签: jquery highcharts

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

我通过以下代码做到了:

tooltip: {
enabled: true,
}

我的要求是我想要在图表顶部显示的工具提示中显示的内容。 当我们将鼠标悬停在任何一点上时,显示区域将使用适当的数据进行更新,如工具提示所示。

1 个答案:

答案 0 :(得分:5)

实际上,工具尖端的位置和位置无法改变。但是,有一个通过改变其他地方的工具提示的内容,如下所示。

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