根据在列顶部选择的选项更改显示JQchart

Question

我需要三个单选按钮字段来显示柱状图上的年度，月度和周数据，这样当我选择任一选项时，显示器应该是相应的。我在JQchart中发现了很多不同类型的显示的例子，但是找不到这样的例子。有没有其他选择取代单选按钮？请帮忙

Answer 1

你最好打赌的是有三个系列的数据，每个数据一次。您可以使用单选按钮上的监听器轻松更换系列。

本质：

 <input type="radio" name="data" id="yearly" class="radioSelector" value="yearly">Yearly<br> 
     <input type="radio" name="data" id="monthly" class="radioSelector" value="monthly">Monthly<br> 
     <input type="radio" name="data" id="daily" class="radioSelector" value="daily">Daily 

     <script> 
     $('.radioSelector').click(function (event) { 

      // Set target ID 
      var id = $(event.target).attr('id'); 

      // get current series 
      var series = $('#jqChart').jqChart('option', 'series'); 

      // check which radio 
      switch (id) { 
       case 'yearly': 
        series = yearlydata; 
        break; 
       case 'monthly': 
        series = monthlydata; 
        break; 
       case 'daily': 
        series = dailydata; 
        break; 
      } 
      // update (redraw) the chart 
      $('#jqChart').jqChart('update'); 
     }); 
     </script>