jqplot xaxis tickInterval为分钟或秒

时间:2014-02-14 12:33:30

标签: jquery jqplot

我正在使用jquery jqplot插件。 我有关于设置tickInterval的问题。 我希望在10:00到12:00之间显示X轴值一分钟差异,例如10:01,10:02,10:03,......,11:59。 为此,我写了这段代码。

var data = [['10:55', 578.55], ['11:02', 566.5], ['11:04', 480.88], ['11:08', 509.84],
                      ['11:12', 454.13], ['11:22', 379.75], ['11:33', 303], ['11:39', 308.56],
                      ['11:41', 299.14], ['11:52', 346.51], ['11:54', 325.99], ['11:56', 386.15]];
        var plot1 = $.jqplot('chart1', [data], {
            title: 'Average Response Time Graphic - Last One Hour By Minute',
            axes: {
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                labelOptions:{
                    fontFamily:'Helvetica',
                    fontSize: '14pt'
                },
                xaxis: {
                    label : "Time",
                    renderer: $.jqplot.DateAxisRenderer,
                    tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                    <!--tickOptions:{formatString:'%d.%m.%y %H:%M:%S', angle: -30},-->
                    tickOptions: {
                        formatString:'%H:%M:%S', 
                        angle: -30,
                        tickInterval : '1 minute'
                        <!--tickInterval : '60000' -->
                    },

                    <!--min: '2013-02-05 10:50', -->
                    min: '10:00',
                    max: '12:00'
                },
                yaxis: {
                    label: "Average Response Time",
                    tickOptions: {
                        formatString: '$%.2f'
                    }
                }
            },
            highlighter: {
                show: true,
                sizeAdjust: 7.5
            },
            cursor: {
                show: false
            }
        });

但是,由于x轴值在10:00到12:00之间有10分钟的差异,因此此代码无法正常工作。 顺便说一句,我添加了所有jqplot插件文件,不会导致错误的javascript评估。

我已经看过这个问题jqPlot DateAxis tickInterval not working并尝试了第一个答案,但它也不起作用。

有没有人可以帮我解决这个问题? 提前谢谢,

最好的问候。

1 个答案:

答案 0 :(得分:0)

我找到了解决方案!当我从tickOptions中删除tickInterval并放在xaxis下时,它工作正常!