javascript - 列の上で選択したオプションに応じて表示を変更するJQchart

Question

縦棒グラフに年次、月次、週次のデータを表示するための 3 つのラジオ ボタン フィールドが必要です。JQchart でさまざまなタイプのディスプレイの例をたくさん見つけましたが、この例は見つかりませんでした。ここでラジオボタンを置き換える他のオプションはありますか? 助けてください

Answer 1

最善の策は、それぞれに 1 つずつ、3 つの一連のデータを用意することです。ラジオ ボタンのリスナーを使用して、シリーズを簡単に入れ替えることができます。

基本的に：

        <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>