Q:

jQuery flot with rotation plugin hides x axis labels

I am trying to use jquery Flot to create a line chart with rotated x-axis labels and I can't.
I use this plugin https://github.com/markrcote/flot-tickrotor
and although x axis labels are rotated, some part is hidden. 

seconds should be showing, too. 
This is my options:
$.plot("#live-data",
        [{
            data: series,
        }],
        {
            series: {
                lines: {
                    show: true,
                    barWidth: 0.5,
                    align: "center"
                },
                points:{
                    show:true
                }
            },
            xaxis: {
                ticks: x_ticks,
                rotateTicks: 45,
                labelWidth: 150,
                labelHeight: 150,
                reserveSpace: true
            },
            yaxis: {
                ticks: 10,
                min: 0,
                max: y_max,
                tickDecimals: 2
            },
            grid: {
                hoverable: true,
                clickable: false
            }
        });
}

UPDATE: I add my HTML code.
<div class="row">
    <div class="col-md-12">
        <div class="block" style="height:550px">
            <div class="block-content" id="block-chart" style="height: 500px;">
                <h1>header</h1>
                <h3>sub-header</h3>
                <div id="live-data" style="width: 99%; height: 440px">
                </div>
            </div>
        </div>
    </div>
</div>

What am I doing wrong?

A:

You can use the margin option to pad the sides of your chart to fix the cutoff axis labels:

"margin" is the space in pixels between the canvas edge and the grid,
  which can be either a number or an object with individual margins for
  each side, in the form:
margin: {
    top: top margin in pixels
    left: left margin in pixels
    bottom: bottom margin in pixels
    right: right margin in pixels
}

To fix the issue, I set the bottom margin to 10:
grid: {
    hoverable: true,
    clickable: false,
    margin: {
        top: 0,
        left: 0,
        bottom: 10,
        right: 0
    }
}

In this fiddle (no margin set), you can see that the second values in the axis labels are slightly cut-off on the bottom edge. In this fiddle, (set margin), the axis label text is not cut-off.

