<div id="left" style="float:left; width: 200px; min-height: 10px;"></div>
<div id="container" style="height: 400px; float: left;"></div>

tooltip: {
    crosshairs: true,
    formatter: function() {
        var s = '<b>'+ this.x +'</b>';

        $.each(this.points, function(i, point) {
            s += '<br/>'+ point.series.name +': '+
                point.y +'m';
        });
        $("#left").html(s);
        return false;
    },
    shared: true
},