2

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

    $(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 日结束。

4

2 回答 2

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

http://jsfiddle.net/QpjXd/

于 2012-11-25T07:50:18.277 回答
0

可以在这里找到更完整的答案: 为什么 jQPlot dateAxisRenderer 不能正常工作?

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

于 2013-10-24T08:23:02.240 回答