javascript - 使用 Highcharts 时的宽度和显示问题

Question

我正在尝试选择在更改时显示不同的图表。有两个问题:

1-图表没有显示在所有的 div 宽度上。 2- 当显示 1 个图表时，如何隐藏其他图表？

JSFIDDLE

HTML

<div style="width:80%;">
<select class="selectchart" id="selectsolicitacoes"><option>Por mês</option><option value="#hg3">Por semana</option><option value="#hg2">Por dia</option></select><br>
<div id="hg2" style="min-width: 310px; height: 400px; margin: 0 auto; display: none;">        </div>
<div id="hg3" style="min-width: 310px; height: 400px; margin: 0 auto; display: none;">     </div>

Javascript

$(document).ready(function(){
$('#selectsolicitacoes').change(function(){
    var element = $(this).val();
    $(element).show();
});
});

Answer 1

1) 您的 div 宽度不正确，请参见以下示例:http://jsfiddle.net/6S9cZ/10/这会引入您的 div 的宽度。

div {
   border:1px solid red;
}

2) 你可以隐藏所有的div，只显示你需要的http://jsfiddle.net/6S9cZ/11/