jqplot dateaxisrender没有呈现给定的日期+ jquery

时间:2013-11-14 07:09:57

标签: c# jquery jqplot

我无法正确使用DateAxisRender for jqplot。

要求是我们必须在x轴上显示预约日期,在y轴上显示患者数量。 日期是固定的,它们来自服务器,我们必须在x轴上绘制相同的日期。

示例日期为:

s1 = [['01-May-08', 1], ['10-May-08', 4], ['25-May-08', 2], ['30-May-08', 6]];

$.jqplot(grphOneID, [s1], YI.getGraphOpts(YAxisLbl)).replot();

 getGraphOpts: function (YAxisLbl) {

        $.jqplot.config.enablePlugins = true;
        var optsObj =
            {
                series: [{
                    pointLabels: {
                        xpadding: 8,
                        escapeHTML: false
                    },
                    rendererOptions: {
                        smooth: true
                    }
                }],

                axes: {
                    yaxis: {
                        ticks: m_CompositeReport.stdYLbls,
                        label: YAxisLbl,
                        tickOptions: {
                            formatString: '%d'
                        }
                },
                    xaxis: {
                        renderer: $.jqplot.DateAxisRenderer,
                        label: 'Shop',
                        tickOptions: {
                            formatString: "%#m/%#d/%y"
                        },
                        numberTicks: 4
                    }
                },
                seriesColors: m_CompositeReport.stdColors.reverse()
            }
        return optsObj;
    },

绘制图表后,日期会搞砸。 它们将于'4/30/08','5/7/08','5/14/08','5/21/08','5/28/08','6/4/08 ”。

为什么会这样? 请告知我在这里做错了什么。

提前致谢...

1 个答案:

答案 0 :(得分:1)

formatString内谨慎使用xaxis,因为它在显示日期方面有所不同。

formatString: "%#m/%#d/%y"

您可以从此链接中选择不同的formatStringhttp://www.jqplot.com/docs/files/plugins/jqplot-dateAxisRenderer-js.html