高位標題和字幕重疊

Question

我的highcharts選項中包含以下內容：

subtitle : {
    text : 'Source: WindLogics',
    x : -20
},
title : {
    text : 'Loading',
    x : -20
},

在大多數情況下，這看起來與圖表上方副標題上方的標題一樣。

但是，我在頁面上有兩個圖表，一次只顯示一個。 有時，當圖表顯示時，會如下所示呈現，標題和副標題彼此重疊，並且兩者都在圖表內而不是在圖表上方。

我正在調用setText並在圖表容器具有display = none時重繪。

看起來像這樣：

我正在使用highstock 1.3.9（highcharts 3.0.9）。

Answer 1

我沒有使用'useHTML'，但我的問題似乎與這里報告的相同。

對我來說，解決方法是使用cloneRenderTo方法。

chart.cloneRenderTo(); // https://github.com/highslide-software/highcharts.com/issues/2267
chart.setTitle({
    text : 'Title',
    x : -20
}, false);
chart.redraw();
chart.cloneRenderTo(true);

出於某種原因，我需要與setTitle分開調用redraw，否則在顯示圖表數據之前，需要重新設置瀏覽器大小。

感謝Pawel Fus的指導！

Answer 2

如果要設置標題/字幕的樣式，請將其放在<div> 。

subtitle : {
    text : '<div id="subtitle">Source: WindLogics</div>',
    x : -20
},
title : {
    text : '<div id="title">Loading</div>',
    x : -20
},

然后，您可以根據自己的喜好設置標題的樣式（包括邊距，填充等）。