绘制图表日绑定问题

Question

我的页面上有自定义日期过滤器。用户可以选择最多两个月的数据意味着只有六十天。现在过滤后我获得了60天的数据，但是当它传递到flot图表时，它只会在图表上显示30天。任何人都可以帮助我。这是我的代码：

(function () {
    var plot = $.plot('#flotBars', flotBarsData, {
        colors: ['#8CC9E8'],
        series: {
            bars: {
                show: true,
                barWidth: 0.8,
                align: 'center'
            }
        },
        xaxis: {
            mode: 'categories',
            tickLength: 0
        },
        grid: {
            hoverable: true,
            clickable: true,
            borderColor: 'rgba(0,0,0,0.1)',
            borderWidth: 1,
            labelMargin: 15,
            backgroundColor: 'transparent'
        },
        tooltip: true,
        tooltipOpts: {
            content: '%y',
            shifts: {
                x: -10,
                y: 20
            },
            defaultTheme: false
        },
        yaxis: {
            minTickSize: 0,
            tickDecimals: 0,
            min: 0,
            axisLabelPadding: 3,
            tickFormatter: function (v, axis) {
                return v;
            }
        },
        legend: {
            noColumns: 0,
            labelBoxBorderColor: "#000000",
            position: "nw"
        }
    });
})();

以下是我选择的图表和过滤器的屏幕截图：

Answer 1

如屏幕截图所示，x轴上只有31个类别，假设每天一个。在某些日子里，有两个酒吧，每个月一个。

如果要继续使用类别模式，则必须为数据提供唯一的x轴值（例如，运行数字从1到61）。或者您使用时间模式并在x轴上显示实际日期（有关时间模式，请参阅documentation和example）。