使用x轴绘制图表问题

时间:2013-06-18 21:31:07

标签: jquery flot

我有一个应用程序,用户可以在日期范围内搜索数据。我正在使用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'scap =“hour”。图x轴需要显示:

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

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

0 个答案:

没有答案