2012-09-26 40 views
3

,使這個圖形制作工具提示邊框顏色相同的標記顏色:需要使用我使用Highcharts Highcharts

enter image description here

但我需要做提示的邊框顏色是一樣的標記顏色,因此當我將鼠標懸停在綠色標記上時,邊框顏色變爲綠色,在黃色標記中,邊框顏色變成黃色,並且與紅色標記相同。你有什麼想法我怎麼能做到這一點?

更新時間:這裏是我的jsfiddle:http://jsfiddle.net/tbU7e/1/

+0

您需要更改與之相關的CSS類.. –

+0

一個的jsfiddle會幫助 – Sednus

回答

4

您必須設置borderColornull,然後通過點colorpoint數據,如下所示。

var current_zafra_series = new Array(); 
current_zafra_series[0] = { y: 150, prueba: 'a', color: '#FF9933',marker: { fillColor: '#FF9933' } }; 
current_zafra_series[1] = { y: 200, prueba: 'b', color: '#F15B49', marker: { fillColor: '#F15B49' } }; 
current_zafra_series[2] = { y: 150, prueba: 'c', color: '#55B647', marker: { fillColor: '#55B647' } }; 

demo

+0

非常感謝!我們到處尋找幫助,我們沒有找到任何東西。我工作完美! – GalloPinto

+0

@GalloPinto不客氣。我很樂意幫助你:) –

0

根據你可以只設置爲null選項api。因此宣告您的圖表時,請務必加入下列選項

var chart = new Highcharts.Chart({ 
     //... other options , 
     tooltip : { 
      borderColor : null 
     } 

}); 
+0

它不工作。這裏是我的jsfiddle: http://jsfiddle.net/tbU7e/1/ 當懸停在標記上時,我需要將工具提示的邊框顏色更改爲與標記相同 – GalloPinto