jQplot日期轴图表起点

时间:2012-11-25 07:46:22

标签: javascript graph jqplot

我似乎无法让我的图表在情节数据的第一个日期开始并在最后一个日期结束。

    $(document).ready(function(){
  var line1=[['01-Nov-12',18],['02-Nov-12',18],['03-Nov-12',18],['04-Nov-12',18],['05-Nov-12',18],['06-Nov-12',18],['07-Nov-12',18],['08-Nov-12',18],['09-Nov-12',18],['10-Nov-12',18],['12-Nov-12',0],['13-Nov-12',0],['14-Nov-12',0],['15-Nov-12',0],['16-Nov-12',0],['17-Nov-12',0],['18-Nov-12',0],['19-Nov-12',0],['20-Nov-12',0],['21-Nov-12',0],['22-Nov-12',0],['23-Nov-12',0],['24-Nov-12',0]];

  var line2=[['01-Nov-12',20],['02-Nov-12',20],['03-Nov-12',20],['04-Nov-12',20],['05-Nov-12',20],['06-Nov-12',20],['07-Nov-12',20],['08-Nov-12',20],['09-Nov-12',20],['10-Nov-12',20],['12-Nov-12',0],['13-Nov-12',0],['14-Nov-12',0],['15-Nov-12',0],['16-Nov-12',0],['17-Nov-12',0],['18-Nov-12',0],['19-Nov-12',0],['20-Nov-12',0],['21-Nov-12',0],['22-Nov-12',0],['23-Nov-12',0],['24-Nov-12',0]];

  var plot2 = $.jqplot('openCloseChart', [line1, line2], {
    title:'Opened/Closed Complaints Chart',
    axes:{
      xaxis:{
        renderer:$.jqplot.DateAxisRenderer,
          tickOptions:{
            formatString:'%b %#d'
          }
      },
      yaxis:{
        min:0,
        tickOptions:{
          formatString:'%d'
        }
      }
    },
    highlighter: {
      show: true
    },
    cursor: {
      show: false,
      tooltipLocation:'sw'
    },
    legend: {
        show: true,
        location: 'e',
        placement: 'outside',
        labels:['Opened', 'Closed']
    }
  });
});

我创建了以下示例:

http://jsfiddle.net/tBZbf/5/

我可以让图表从第一个数据点开始并在动态的最后一个日期结束吗?在这个例子中,11月1日,并在24日结束。

2 个答案:

答案 0 :(得分:1)

  xaxis:{
    min:'01-Nov-12',
    max:'24-Nov-12',
  },

http://jsfiddle.net/QpjXd/

答案 1 :(得分:0)

可在此处找到更完整的答案: Why does jQPlot dateAxisRenderer not working correct?

(它更好地解释了如何添加钩子)。