Javascript 通过HTML输入字段动态输入Highcharts？

我想用HighCharts创建一个折线图，它可以通过HTML输入字段提交来更新新的点。关于如何实现这一点有什么想法吗

我正在修改Highcharts给出的一个示例，如下所示：

类似的东西是否可以用于输入字段

<input id="newPoint" type="text">

var i = 0;
    $('#button').click(function () {
        var chart = $('#container').highcharts();
        chart.series[0].addPoint(50 * (i % 3));
        i += 1;
    });

var i=0；
$（“#按钮”）。单击（函数（）{
var chart=$（“#容器”）.highcharts（）；
chart.series[0].addPoint（50*（i%3））；
i+=1；
});

改用这个

您错过了选择器中的#，需要将文本解析为数字

$(function () {
    $('#container').highcharts({

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]

    });

    // the button action
    $('#button').click(function () {
        var point = parseInt($('#newPoint').val(), 10);
        var chart = $('#container').highcharts();
        chart.series[0].addPoint(point);
    });
});