ElementStacks

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
<table>
<thead>
    <tr>
        <th>x</th>
        <th>y</th>
        <th>barX</th>
        <th>barY</th>
        <th>barH</th>
        <th>barW</th>
        <th>plotX</th>
        <th>plotY</th>
    </tr>
</thead>
<tbody>
</tbody>
</table>

CSS

td, th {
    padding: 5px
}

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    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]
        
    }]
}, function(chart){
    
    var html = '';
    
    $.each(chart.series[0].data, function(i, point) {
        html += '<tr>';
        html += '<td>'+point.x+'</td>';
        html += '<td>'+point.y+'</td>';
        html += '<td>'+point.barX+'</td>';
        html += '<td>'+point.barY+'</td>';
        html += '<td>'+point.barH+'</td>';
        html += '<td>'+point.barW+'</td>';
        html += '<td>'+point.plotX+'</td>';
        html += '<td>'+point.plotY+'</td>';
        html += '</tr>';
    });
           
    $('tbody').html(html);

});