如何使用Highcharts将文本框中的动态值设置为图形？

Question

我试图填充使用Highcharts绘制的图形，其中包含来自文本框的动态值。 以下是我的图表代码：

<script type="text/javascript">
    var pendingSSC = $("#pendingSSC").val();
    var pendingAgency = $("#pendingAgency").val();
    Highcharts.chart('container',{
        chart:{
            type: 'column'
        },
        title:{
            text: 'Pivot Table'
        },
        xAxis: {
            categories: ['Pivot data']
        },
        yAxis:{
            allowDecimals: false,
            min: 0,
        },
        tooltip: {
            formatter: function () {
                return '<b>' + this.x + '</b><br/>' +
                    this.series.name + ': ' + this.y + '<br/>' +
                    'Total: ' + this.point.stackTotal;
            }
        },
        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },
        series:[
            {
                name:'Pending-SSC',
                data:[pendingSSC],
                stack:'pending'
            },
            {
                name:'Pending-Agency',
                data:[pendingAgency],
                stack:'pending'
            }

        ]
    });
</script>

我必须在ajax函数成功时绘制此图表。

图表接受静态值。由于某种原因，它不接受动态值。

值为空。

Answer 1

Highcharts接受数据数组中的数字，以便更新

var pendingSSC =Number($("#pendingSSC").val())
var pendingAgency = Number($("#pendingAgency").val());