2016-05-20 8 views
0

Die gerenderte Xaxis beginnt nicht ab der angegebenen Stunde in den Daten.jqplot xaxis startet nicht ab der angegebenen Stunde

PFB die JSFiddle Referenz

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

der Code ist wie folgt:

$(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 

ich versuchte, die tickInterval bis 6 Stunden zu ändern, die x-Achse, dann beginnt von 6 Rendering: 00. Ich kann die Beziehung zwischen tickInterval und Startpunkt der Ticks nicht erkennen. Bitte helfen

Antwort

0

Sie sollten die tickInterval entfernen und setzen min und max Punkte-Definition für die xaxis:

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

ich Ihre Fiddle mit einem Arbeitsbeispiel aktualisiert haben:

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

Wenn Sie möchten die tickInterval behalten, die max Definition entfernen und nur min verwenden.