jqPlot数据点被切断

时间:2014-02-11 14:18:05

标签: javascript jquery charts jqplot point

我正在尝试使用jqPlot创建一个图表,其中显示每小时的数据。 这工作正常,但正如你在jsfiddle中看到的那样,它没有正确显示第一个和最后一个数据点。它削减了一些圈子。

我正在使用此代码:

$(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'
        }
    });

});

jsFiddle

我做错了什么? :(

1 个答案:

答案 0 :(得分:0)

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

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

参见示例here