Question

我想创建一个包含HighCharts的折线图，它可以通过HTML输入字段提交新点。有关如何实现这一点的任何想法？

我修改了Highcharts给出的示例：http://jsfiddle.net/tcL5ny2f/2/

这样的东西会与输入字段一起使用吗？

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

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

Answer 1

改为使用

http://jsfiddle.net/tic84/tcL5ny2f/5/

$(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);
    });
});

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

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

1 个答案: