2014-07-17 63 views
1

我是Highcharts的新人。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 

那麼,任何人都可以幫助我在這個定製工具提示內容的問題上?

預先感謝您。

回答

3

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; 
     } 
    }, 
+0

感謝。但沒有系列名稱。 – Rock

+0

我已更新我的答案和演示鏈接。你現在可以檢查它! –

+0

您也可以使用[pointFormat](http://api.highcharts.com/highcharts#tooltip.pointFormat) –