Highstock标题和副标题重叠

Question

我的高帮图选项中有以下内容：

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

大多数情况下，这看起来就像我期望的那样，标题高于图表上方的字幕。

但是，我在页面上有两个图表，一次只显示一个。有时当图表进入视图时，它将如下所示呈现，标题和副标题位于彼此之上，并且两者都在图表内而不是在图表上方。

我在调用setText并重绘图表容器有display = none。

看起来像这样：

我使用的是highstock 1.3.9（highcharts 3.0.9）。

Answer 1

我没有使用＆＃39;使用HTML＆＃39;但我的问题似乎与reported here相同。

对我来说，解决方法是使用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
},

然后，您可以根据自己的喜好设置标题样式（包括边距，填充等）。