2017-03-03 94 views
1

我們剛剛更新到最新的Highcharts版本,現在我們的一些圖表類型有一條將工具提示連接到點的新行。Highcharts - 如何刪除固定的工具提示和點之間的連接線

它主要在具有固定工具提示的圖表上顯而易見。

有誰知道如何刪除這條線,而不刪除工具提示本身的邊界?

我想出了一個解決方法,它包括將工具提示的邊框寬度設置爲0,並使用useHTML向工具提示添加圓角邊框的彩色div:true並禁用陰影。

雖然我不想爲每張圖表做這件事,因爲它似乎有點討厭。

這也影響我可以看到的酒吧和樹的地圖,我已經拖過文檔無濟於事。

Connecting Line

http://jsfiddle.net/mattscotty/bqw4bc4x/1/

Highcharts.chart('container', { 
title: { 
    text: 'Fixed tooltip' 
}, 

tooltip: { 
    positioner: function() { 
     return { x: 80, y: 50 }; 
    }, 
    backgroundColor: 'rgba(255,255,255,0.8)', 

    //Uncomment below to remove line, but this also removes tooltip border 
    //borderWidth:0, 
    //shadow:false 
}, 

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar'] 
}, 

series: [{ 
    data: [29.9, 71.5, 106.4] 
}, { 
    data: [194.1, 95.6, 54.4] 
}] 
}); 

在此先感謝。

回答

2

默認情況下,工具提示的形狀設置爲具有指向該點的V形/線條的標註。您可以將工具提示的形狀更改爲矩形 - 它沒有任何連接器。

tooltip: { 
    positioner: function() { 
     return { x: 80, y: 50 }; 
    }, 
    backgroundColor: 'rgba(255,255,255,0.8)', 
    shape: 'rect' 

例如:​​

+0

完美的感謝!現在看起來很明顯。 –

相關問題