highcharts-点击后将系列添加到图表中

highcharts - add series into graph after click

本文关键字：添加 系列 highcharts-      更新时间：2023-10-08

我通过高线图得到了图。这是我在那里得到的系列。

series: [{
                name: 'Математика',
                data: [<?php echo $mathFirst; ?>, <?php echo $mathSecond; ?>, <?php echo $mathThird; ?>, <?php echo $mathFourth; ?>, <?php echo $mathFifth; ?>]
            }, {
                name: 'Программирование',
                data: [<?php echo $programmingFirst; ?>, <?php echo $programmingSecond; ?>, <?php echo $programmingThird; ?>, <?php echo $programmingFourth; ?>, <?php echo $programmingFifth; ?>]
            }, {
                name: 'Английский язык',
                data: [<?php echo $englishFirst; ?>, <?php echo $englishSecond; ?>, <?php echo $englishThird; ?>, <?php echo $englishFourth; ?>, <?php echo $englishFifth; ?>]
            }, {
                name: 'История',
                data: [<?php echo $historyFirst; ?>, <?php echo $historySecond; ?>, <?php echo $historyThird; ?>, <?php echo $historyFourth; ?>, <?php echo $historyFifth; ?>]
            }, {
                name: 'Все предметы',
                data: [<?php echo $middleFirst; ?>, <?php echo $middleSecond; ?>, <?php echo $middleThird; ?>, <?php echo $middleFourth; ?>, <?php echo $middleFifth; ?>]
            }]

我得到了一个选择。

<select>
        <option value="all">Все предметы</option>
        <option value="math">Математика</option>
        <option value="programming">Программирование</option>
        <option value="english">Английский язык</option>
        <option value="history">История</option>
    </select>

当点击任何选项时，它应该在图中添加一个带有一些值的序列。我该怎么做？

以下是从<select>元素的onChange事件添加数据的快速示例：

// the select handler
$('#select').change(function() {
    var chart = $('#container').highcharts();
    someData = [];
    for (var i = 0; i < 12; i++){
        someData.push(Math.random() * 250);
    }
    chart.addSeries({
        data: someData
    });
});

在这里打闹。

相关文章：