Javascript Highchart标题为多个图表的单独div

我在一个分区中显示了多个图表。目前，我只是基于单击将图表渲染到此分区。我希望将图表的标题保存在一个单独的分区中，并且它也应位于highcharts的title.text属性中

这方面的例子

    <script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>
<div id="title">Chart title</div>// here i want to hold title 
 <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>

提琴来了

我想要title.text属性应该有它的标题，但它应该从显示中隐藏，而不是从div标记中始终显示标题

---

在此方面的任何帮助都将不胜感激。

简单的模型将非常好。老实说，我不确定你想要实现什么，比如：？只有一个标题？然后禁用Highcharts内置标题。我知道，在我的例子中，我有大标题文本，它会包装到另一个div。我只想在一个div中阅读这个标题，并希望在大标题的情况下使用div auto grow。如果我按照你给我的小提琴去做。我在PDF下载时会遇到问题，因为它在标题处显示为空。你们是指Highcharts导出模块吗？在这种情况下，请记住，您可以使用

chartOptions

并仅为导出的图表启用该标题：-请记住，导出不支持HTML标记，只支持SVG。谢谢，我刚刚忘记了这一小步。

 $(function () {
    $('#container').highcharts({
        chart: {
            plotBorderWidth: 1,
            marginLeft: 80
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        title: {
            useHTML:true,
            text:'Chart Title',
            align: 'left',
            x: 70
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});