Highcharts動態寬度隱藏標籤

Question

我一直想弄清楚如何讓我的Highcharts圖表有一個動態寬度的窗口大小負載和窗口調整大小。我的問題不僅是在隱藏的選項卡中有圖表位置，而且父級div的寬度爲100％。圖表無法響應調整大小，並且最初無法正確加載。

基本原則是在這裏：http://jsfiddle.net/chapster82/c5teh97h/1/

CSS

.content2 { 
    display: none; 
} 
#wrap { 
    width: 400px; 
    position: relative; 
    border: solid 1px #333; 
} 
#container { 
    height:100%; 
    width:100%; 
} 

HTML

<a class="tabs" divId="content1">Content1</a> 
<a class="tabs" divId="content2">Content2</a> 
<div id="wrap"> 
<div class="content1 hide">Tab1</div> 
<div class="content2 hide"><div id="container"></div></div> 

任何幫助，將不勝感激。

謝謝

Answer 1

我不明白你的問題正確。但是，這撥弄可以幫助你：

http://jsfiddle.net/c5teh97h/6/

.content2 { 
    display: none; 
} 
#wrap { 
    width: 80%; 
    position: absolute; 
    border: solid 1px #333; 
} 
#container { 
    height:80%; 
    width:80%; 
} 

Answer 2

在隱藏標籤，隱藏的標籤元素的寬度是始終不得而知。因此，如果您在隱藏標籤上繪製圖表，則需要先獲取標籤的寬度，然後將其分配給高位圖。

//chart options 
var options = { 
    chart: { 
     renderTo: 'container', 
     **width: $("#tabs div.ui-tabs-panel[aria-hidden='false']").width()**, 
    },