Jqplot日期折线图轴点不在正确位置

时间:2013-04-01 13:12:16

标签: jqplot

我使用以下代码生成jqplot折线图,y轴点出现了一些问题.x轴值'feb,march,apr,may'可能正确显示第一个点,其他点是移动到三月和四点之间。请参考图片进行澄清。请帮助我。谢谢提前

(文档)$。就绪(函数(){

    $.jqplot.config.enablePlugins = true;
var line1 = new Array(2);

var line1=[['2013-02-28',1756403],['2013-03-31',0],['2013-04-30',0]];
var line2 = new Array(2);
var line2=[['2013-02-28',107],['2013-03-31',0],['2013-04-30',0]];



    var plot1 = $.jqplot('chart', [line1,line2], {
 gridPadding:{right:35},
        axes:{
            xaxis:{
                renderer:$.jqplot.DateAxisRenderer,
                rendererOptions:{
                    tickRenderer:$.jqplot.CanvasAxisTickRenderer
                },
                 tickOptions:{
                     formatString:'%b',
                     fontSize:'9pt',
                        fontFamily:'sans-serif',

                    tickInterval:'1 month'
},
  min:line1[0][0]

            },
            yaxis:{
                rendererOptions:{
                    tickRenderer:$.jqplot.CanvasAxisTickRenderer},
                    tickOptions:{
                        fontSize:'9pt',
                        fontFamily:'sans-serif',
                        formatString:'%i'



                    },
                    min: 1
            }
        },
        seriesColors: ["#49AD48", "#0BC2EF"],legend: {
        show: true
      },
        series:[{ lineWidth:4, markerOptions:{ style:'square' }, label: 'Actual'},{label: 'Plan' }],
         highlighter: {
        show: true,
        sizeAdjust: 7.5
      },
        cursor:{
            zoom:true,
            looseZoom: true,
            show:fals![enter image description here][1]e
        }
    });

});

1 个答案:

答案 0 :(得分:0)

整个上午我一直在努力。虽然我的日期是由我的数据库动态生成的,但我将所有条目的时间默认为上午8:00(正如它们在jqplots示例中所示)。

日期图不仅是日期,还是时间敏感的。我的解决方案是将所有情节的默认时间更改为12:01 AM ,现在它们排成一行。

我使用PHP动态生成我所提到的绘图数组,它们现在看起来像这样:

[chart1] => Array
    (
        [plots] => ['2013-04-02 12:01AM',11, 11], ['2013-04-03 12:01AM',95, 95], ['2013-04-19 12:01AM',325, 325], ['2013-04-22 12:01AM',90, 90], 
    )
相关问题