Jqplot日期折线图轴点不在核心位置

问题描述 投票:0回答:1

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

$(document).ready(function(){

    $.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
        }
    });

});
jqplot
1个回答
0
投票

我整个上午都在苦苦挣扎。当我的日期由数据库动态生成时,我将所有条目的时间默认设置为8:00 AM(如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], 
    )
© www.soinside.com 2019 - 2024. All rights reserved.