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>

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

1 个答案: