Highcharts - 如何在3D散点图上的点工具提示（弹出窗口）中设置自定义内容或如何自定义点工具提示信息？

Question

我是Highcharts的新手。

在此演示中：

http://www.highcharts.com/demo/3d-scatter-draggable/gray

当鼠标在一个点上移动时，它会显示一个带有默认格式的tootip（弹出窗口），如下所示：

Reading
x:0
y:4
z:9

我想更改和自定义工具提示中显示的信息内容，并希望自定义以便显示如下内容：

Reading
longitude:0
latitude:4
depth:9

那么，任何人都可以帮我解决这个自定义工具提示内容的问题吗？

提前谢谢。

Answer 1

<强> DEMO

您应该使用tooltip.formatter选项自定义工具提示显示。

代码：

tooltip:{
       // pointFormat:'{point.x}{point.y}{point.z}'
        formatter:function(){
            console.log(this);
            return '<b>'+this.series.name+'</b><br><b>longitude:</b>'+this.x+'<br><b>latitude:</b>'+this.y+'<br><b>depth:</b>'+this.point.options.z;
        }
    },