2016-05-13 11 views
0

Ich bin neu in Jqplot, und ich habe ein pllustration mit IE11. Ich versuche ein Diagramm mit "Monat" auf xaxis anzuzeigen. Das ist mein Code.Jqplot Graph Daten funktioniert nicht gut

var line1=[["1", 4],["2", 4],["3", 4], ["4", 6.5], ["5", 5.7], ["6", 9]]; 
var plot1 = $.jqplot('chart', [line1], { 
    title:'Rotated Axis Text', 
    axesDefaults: { 
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer 
    }, 
    axes:{ 
     xaxis:{ 
       label:"test axes des abs", 
       pad: 0, 
       renderer:$.jqplot.DateAxisRenderer, 
       rendererOptions:{ 
         tickRenderer:$.jqplot.CanvasAxisTickRenderer 
       }, 
       tickOptions:{ 
         fontSize:'10pt', 
         fontFamily:'Tahoma', 
         angle:-40, 
         formatString:'%B' 
       } 
     }, 

     yaxis:{ 
      label:'Cosine', 
     }     
    }, 
    legend: { 
      renderer: $.jqplot.EnhancedLegendRenderer, 
      show: true, 
      showLabels: true, 
      location: 'ne', 
      placement: 'outside', 
      fontSize: '11px', 
      fontFamily: ["Lucida Grande","Lucida Sans Unicode","Arial",], 
      rendererOptions: { 
       seriesToggle: 'normal' 
      } 
    }, 
    series:[{"label":"test des lignes"}], 
    cursor:{ 
      zoom:true, 
      looseZoom: true 
     } 
}); 

wobei "Diagramm" ein Bezeichner aus dem Diagrammcontainer ist. das funktioniert in chrom when I use chrome

Aber wenn ich IE nur einen Monat verwenden wird angezeigt. enter image description here

Wie kann es reparieren? Danke im Voraus.

Antwort

0

Sie sollten eine weniger fragwürdige Zeichenfolge bereitzustellen, die als Datum für die x-Achsen-Wert analysiert werden kann: anstelle einer Zeichenfolge

var line1=[["2016-01-01", 4], ["2016-02-01", 4], ["2016-03-01", 4], ["2016-04-01", 6.5], ["2016-05-01", 5.7], ["2016-06-01", 9]]; 

Im Zweifelsfall ein tatsächliches Date-Objekt zur Verfügung stellen.

Intern ruft der Renderer new $.jsDate(your-x-axis-value) auf, was in Ihren Browsern scheinbar zu unterschiedlichen Ergebnissen führt.