如何在时间轴上设置最小步长

时间:2014-06-04 17:15:07

标签: javascript jquery charts flot

我使用下面的代码显示一些日常统计信息:

    var data2 = [[[1401897069000, 10], [1401983469000, 20], [1402069869000, 15]]];

    $.plot('#pieChart2', data2, {
        series: {
            bars: {
                show: true
            },
        },
        xaxis: {
            mode: "time",
            timeformat: "%Y/%m/%d"
        }
    });

有没有办法设置时间轴步长,因为否则时间轴上有重复的标签,条形看起来就像是线条。

请参阅jsfiddle(仅适用于Firefox)

1 个答案:

答案 0 :(得分:3)

"时间序列数据" Flot's API.md部分记录了minTickSize选项。

来自文档:

  

" ...您可以通过" minTickSize"指定您不想要小于特定刻度尺寸的刻度线。请注意,对于时间序列,格式为[2," month"]等数组,请参阅下一节。"

您可以按照文档中的说明设置minTickSize选项,如下所示:

$.plot('#pieChart2', data2, {
    series: {
        bars: {
            show: true
        },
    },
    xaxis: {
        mode: "time",
        timeformat: "%Y/%m/%d",
        minTickSize: [1, "day"]
    }
}

我已经通过示例更新了您的JSFiddle:http://jsfiddle.net/cH29a/3/