jqplot xaxis не начинается с данного часа

Question

Отображаемый xaxis не начинается с данного часа в данных.

ПФБ JSFiddle для справки

https://jsfiddle.net/sonal215/6Lg9f5dx/

код следующим образом:

$(document).ready(function(){ 

var l1 = [['5/17/2016 10 AM', 78], ['5/17/2016 11 AM', 34], ['5/17/2016 12 PM', 67], ['5/17/2016 1 PM' , 18], ['5/17/2016 2 PM' , 33],['5/17/2016 3 PM', 7],['5/17/2016 4 PM', 13],['5/17/2016 5 PM' , 73],['5/17/2016 6 PM' , 93],['5/17/2016 7 PM' , 43],['5/17/2016 8 PM' , 53],['5/17/2016 9 PM' , 11],['5/17/2016 10 PM' , 83],['5/17/2016 11 PM' , 23]]; 


targetPlot = $.jqplot('targetAvailability', [l1], { 
      seriesDefaults:{ 
       showMarker: false, 
       fill: true, 

      }, 
      tickInset: 0, 
      axes: { 
       xaxis: 
       { 
        renderer:$.jqplot.DateAxisRenderer, 
        tickRenderer:$.jqplot.AxisTickRenderer, 
        tickOptions: 
        { 
         showGridline: false, 
         fontSize: '11px', 
         fontFamily: 'CiscoSansTTLight' , 

        }, 
        tickInterval: '8 hour', 
        min: '5/17/2016 11 AM', 

       }, 
       yaxis: { 
        tickOptions: 
        { 
         fontSize: '11px', 
         fontFamily: 'CiscoSansTTLight' , 
        }, 
        min: 0, 
        max: 100, 
        tickInterval: 25 
       } 
      }, 


      cursor: { 
       show: true, 
       zoom: true, 
       showTooltip: false 
      } 
     }); //end of targetPlot 


}); //end of document ready 

Я попытался изменить tickInterval до 6 ч, ось х затем начинает рендеринга от 6: 00. я не могу понять связь между tickInterval и начальной точкой тиков. Пожалуйста, помогите

Answer 1

Вы должны удалить определения tickInterval и установить min и max точек для xaxis:

xaxis: 
{ 
    min:'5/17/2016 10 AM', 
    max:'5/17/2016 11 PM', 
    ...rest of the code 

Я обновил свою скрипку с рабочим например:

https://jsfiddle.net/6Lg9f5dx/4/

Если вы хотите сохранить tickInterval, удалите определение max и используйте только min.