Панель Морриса отображается только на активной вкладке и не отображается на других вкладках
Я использую бар Моррис на вкладках..
<div class="row">
<div class="col s12">
<ul class="tabs tab-demo-active z-depth-1 cyan">
<li class="tab col s3"><a class="white-text waves-effect waves-light active" href="#today">Today</a>
</li>
<li class="tab col s3"><a class="white-text waves-effect waves-light" href="#yesterday">Yesterday</a>
</li>
</ul>
</div>
<div class="col s12">
<div id="today" class="col s12 lighten-4">
<div class="col s12 m12 l12 card-panel">
<div id="morris-bar-chart" class="section">
<div class="col s12 m12 l12">
<div class="sample-chart-wrapper">
<div id="morris-bar" class="graph"></div>
</div>
</div>
</div>
</div>
</div>
<div id="yesterday" class="col s12 lighten-4">
<div class="col s12 m12 l12 card-panel">
<div id="morris-bar-chart" class="section">
<div class="col s12 m12 l12">
<div class="sample-chart-wrapper">
<div id="morris-bar1" class="graph"></div>
</div>
</div>
</div>
</div>
</div>
</div>
вот код morris-script.js
$(function() {
$(window).on("load", GetAllProperties);
function GetAllProperties() {
$.ajax({
url: "today_attendance.php",
dataType: 'JSON',
type: 'POST',
success: function(response)
{ var i=0;
Morris.Bar({
element: 'morris-bar',
data: response,
xkey: 'x',
ykeys: ['y', 'z'],
//labels: [response[0].a, response[0].b]
labels: ['MOD-1', 'MOD-2']
});
}
});
$.ajax({
url: "yesterday_attendance.php",
dataType: 'JSON',
type: 'POST',
success: function(response)
{ var i=0;
Morris.Bar({
element: 'morris-bar1',
data: response,
xkey: 'x',
ykeys: ['y', 'z'],
//labels: [response[0].a, response[0].b]
labels: ['MOD-1', 'MOD-2']
});
}
});
}
});
Проблема в том, что панель Морриса отображается только на активной вкладке, а не на других вкладках. Я также пытаюсь использовать div show и скрывать при нажатии кнопки, используя jquery и javascript, но проблемы с панелью Морриса не отображаются при нажатии кнопки. Как показать бар Моррис на всех вкладках??