Панель Морриса отображается только на активной вкладке и не отображается на других вкладках

Я использую бар Моррис на вкладках..

<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, но проблемы с панелью Морриса не отображаются при нажатии кнопки. Как показать бар Моррис на всех вкладках??

0 ответов

Другие вопросы по тегам