0

我有一个应用程序,用户可以在其中搜索某个日期范围内的数据。我正在使用 Flot 图表,我正在使用时间模式。我有

$.plot($('#graph-lines'), graphData, {
        series: {
            points: {
                show: true,
                radius: 5
            },
            lines: {
                show: true
            },
            shadowSize: 0
        },
        grid: {
            color: '#646464',
            borderColor: '#fff',
            borderWidth: 20,
            hoverable: true
        },
        xaxis: {
            //tickColor: 'transparent',
            //tickDecimals: 2, 
            show: true,
             mode: "time",
             minTickSize: [1, options["TimeInterval"]],
             twelveHourClock : false,
             min: new Date(options["GraphMinXValue"]),
             max: new Date(options["GraphMaxXValue"])
        }

我将图表的最小值和最大值设置为日期范围的开始日期和日期范围的结束日期。时间间隔将是“小时”或“天”,具体取决于用户选择的内容。我的问题是,当我按小时搜索一周范围时,我需要每半小时显示一次每个刻度,并且每个刻度之间需要有足够的间距。即 DateStart = '12-12-2013',EndDate = '19-12-2013' 缩放 = “小时”。图 x 轴需要显示:

12-12-2013 00:00   00:30   01:00   01:30 ....     13-12-2013 00:00

我需要设置哪些选项?我是否需要覆盖刻度来实现这一点?如果是这样,我如何设置刻度之间的间距并允许溢出。

4

0 回答 0