HighCharts 长标题文本在某些元素上重叠

Question

我有一个图表容器 Div，它加载了类似于 fiddle http://jsfiddle.net/a6zsn/188 的所有图表和标题。我有另一个 div 正好放在标题文本之后和包含多个并排下拉列表的图表之前。我面临的问题是，当标题太长时，它会出现在下拉列表中。我想进行自动调整，例如如果标题进入下一行，下拉菜单和图表应相应调整。

示例

之后还有另一个 div

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<div id="someID">Dropdowns</div> // this is where i am failing and text overlaps on to

任何人都可以解决这个问题吗？

Answer 1

我将 css 更改为：

#some {
display: inline-block;
margin: 20px 40px;
position: relative;
}

html 布局为：

<div id="container" style="min-width: 400px; height: 400px; margin: 0   auto">

</div>
<div id='some'>
  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
  <select>
    <option value="more">More</option>
    <option value="lidl">Lidl</option>
    <option value="coop">COOP</option>
    <option value="ICA">IKA</option>
  </select>
</div>

看看这里的 jsfiddle http://jsfiddle.net/Stenvh/c9azwoku/

Answer 2

您必须按照您在此处提出的相同问题中的说明，以编程方式定位“#some”-div ;)

Highchart container does hold inner div

HighCharts 长标题文本在某些元素上重叠

HighCharts long title text overlapping on some elements

javascript

jquery

css

highcharts