2013-02-20 33 views
1

我有一個Highcharts折線圖並啓用了工具提示,但是,我想更改工具提示的背景顏色,使其只顯示圖表上的單個數據點。
是否有可能這樣做?
我有什麼到目前爲止
tooltip: { formatter: function() { return this.y; }, backgroundColor: '#68BD49', borderColor: '#000000', borderWidth: '1' },在Highcharts中更改特定數據點的工具提示的背景顏色

回答

1

是的,它是可能的,通過使用HTML選項,並指定自定義參數。很明顯,你可以使用CSS樣式/班禁用填充/利潤率,但最簡單的方法,你可以用這種方式實現這一目標:

tooltip: { 
     useHTML:true, 
     formatter: function() { 
      console.log(this); 
      if(this.point.customBck) 
       return '<div style="background-color:red;">The value for <b>'+ this.x + '</b> is <b>'+ this.y +'</b></div>'; 
      else 
       return '<div>The value for <b>'+ this.x + '</b> is <b>'+ this.y +'</b></div>'; 
     } 
    }, 

http://jsfiddle.net/XnLpH/1/

+0

真棒!謝謝塞巴斯蒂安。 – smons 2013-02-22 00:20:40

+0

有沒有辦法動態設置整個工具提示的背景顏色?這隻會設置工具提示文字的背景。 – es3735746 2017-03-13 17:55:33

+0

在哪種情況下應該應用?每個點應該有自己的backogrund或每個系列? – 2017-03-22 09:37:57

相關問題