Estou tentando fazer um efeito de, quando escolho uma opção no select, mostro a div correspodente com highchart
.
Tem 2 problemas:
1- A largura do chart não está completando corretamente a largura da div.
2- Não estou conseguindo pensar em um jeito de esconder as outras opções quando uma for mostrada. (serão mais de 3 opções, no exemplo tem duas para não complicar muito).
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();
});
});
div
só metade dela