Javascript jqPlot数据点被切断

Javascript jqPlot数据点被切断,javascript,jquery,charts,jqplot,point,Javascript,Jquery,Charts,Jqplot,Point,我正在尝试使用jqPlot创建一个图表,其中显示每小时的数据。 这很好,但正如您在JSFIDLE中看到的,它没有正确显示第一个和最后一个数据点。它切断了一些圆圈 我正在使用以下代码: $(document).ready(function () { var line1 = [ ['08:00', 4], ['09:00', 10], ['10:00', 2], ['11:00', 12], ['12:00',

我正在尝试使用jqPlot创建一个图表,其中显示每小时的数据。 这很好,但正如您在JSFIDLE中看到的,它没有正确显示第一个和最后一个数据点。它切断了一些圆圈

我正在使用以下代码:

$(document).ready(function () {
    var line1 = [
        ['08:00', 4],
        ['09:00', 10],
        ['10:00', 2],
        ['11:00', 12],
        ['12:00', 5],
        ['13:00', 3],
        ['14:00', 40],
        ['15:00', 2],
        ['16:00', 20],
        ['17:00', 7]
    ];
    var plot1 = $.jqplot('chart1', [line1], {
        axes: {
            xaxis: {
                renderer: $.jqplot.DateAxisRenderer,
                tickOptions: {
                    formatString: '%H:%M'
                },
                tickInterval: '1 hour',
                min: '08:00',
                max: '17:00'
            },
            yaxis: {
                min: 0
            }
        },
        seriesColors: ["#996325"],
        seriesDefaults: {
            markerOptions: {
                show: true,
                style: 'circle', // circle, diamond, square, filledCircle. filledDiamond or filledSquare.
                color: 'white',
                lineWidth: 4,
                size: 12,
                shadow: true
            }
        },
        grid: {
            background: '#365463',
            gridLineColor: 'grey'
        }
    });

});


我做错了什么(

您可以修改X轴的最小值和最大值,以便查看第一个点和最后一个点的完整圆

xaxis:{
 min: '07:45',
 max: '17:15'
}

参见示例

是否可以将xaxis标签从“08:00”开始?