Highchart不从表格中抽取

Question

我有一个使用数组大量数据的表，例如

$count = array( "1111", "2222", "3333", "4444" );

和一个表

<table id="datatable1" border="1">
    <thead>
    <tr>
        <th>
            Count1
        </th>
        <th>
            Count2
        </th>
    </tr>
    </thead>
    <tbody>
    <?php foreach ($count as $count1): ?>
        <tr>
            <td>
                <?php echo $count1 ?>
            </td>
            <td>
                &nbsp;<?php echo $count1 ?>
            </td>
        </tr>
    <?php endforeach; ?>
    </tbody>
</table>

我想通过点击按钮来绘制图表

<input type="button" id="butt"  value="Click me" onclick="clk()">

和绘制图表的功能

 function clk() {
        $('#container').highcharts({
            data: {
                table: document.getElementById('datatable1')
            },
            chart: {
                type: 'column'
            },
            title: {
                text: 'Data extracted from a HTML table in the page'
            },
            yAxis: {
                allowDecimals: false,
                title: {
                    text: 'Units'
                }
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                        this.y +' '+ this.x.toLowerCase();
                }
            }
        });
    }

ofc我有一个图表的div容器

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

但是点击按钮后，没有图表。页面源代码中有一个图表代码，但此图表没有内容。我认为问题在于我的表数据，我是通过foreach从数组获得的，但我需要用这种方式来获取表数据。那么我该怎么画一个图表？