如何每隔一段时间更新jquery选项卡中的图表

<ul class="tabs">
  <li class="active">Tab 1</li>
  <li>Tab 2</li>
  <li>Tab 3</li>
</ul>

<div class="tab-content">
  <div class="tab-pane active">Content 1</div>
  <div class="tab-pane">Content 2</div>
  <div class="tab-pane">Content 3</div>
</div>

$(document).ready(function() {
  $('.tabs li').click(function() {
    // 切换选项卡的样式
    $('.tabs li').removeClass('active');
    $(this).addClass('active');
    
    // 切换内容区域的显示和隐藏
    var index = $(this).index();
    $('.tab-pane').removeClass('active');
    $('.tab-pane').eq(index).addClass('active');
    
    // 更新图表数据
    updateChart(index);
  });
});

function updateChart(index) {
  // 根据选项卡的索引更新对应的图表数据
  // 使用图表库提供的方法更新图表
}