jqPlot Verwenden von manuell definierten Hilfsstrichbeschriftungen mit Canvastickrenderer

Question

Ich muss die Teilstrichbeschriftungen auf der X-Achse manuell definieren. Es funktioniert gut, solange ich die CategoryAxisRenderer verwenden, aber ich möchte die Etiketten mit tickRenderer: $.jqplot.CanvasAxisTickRenderer drehen. Nun wird die x-Achse in Schritten von 0 bis xx automatisch beschriftet.

Was muss ich tun, dass das manuell definierte Array verwendet wird?

Der vollständige Code mit gedrehten Etikett wie folgt aussieht:

`$(document).ready(function() { 
    var data_array = <?php echo json_encode($data) ?>; 
    var s1 = new Array; 
    var s2 = new Array; 
    var ticks = new Array(); 

     $.each(data_array, function (j, elem) { 
      $.each(elem, function (i, elem) { 
      s1[i] = parseInt(elem['up']); 
      s2[i] = parseInt(elem['down']); 
      ticks[i] = parseInt(elem['minute']); 
      if(ticks[i]%5!=0){ 
       ticks[i]=''; 
      } 
      }); 
    $.jqplot(elem['name'], [s1,s2],{ 
     title:elem['name'], 
     stackSeries: true, 
    seriesColors:['#33CC00','#FF3300'],   
     seriesDefaults:{ 
      renderer:$.jqplot.BarRenderer, 
      rendererOptions: { 
       fillToZero: true, 
       varyBarColor: true 
       } 
     }, 
     axes: { 
      yaxis: { pad: 1.05}, 
      xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer, 
       ticks: ticks, 
       showLabel: true, 
       tickOptions: { 
        angle: 30, 
        labelPosition:'start', 
       }, 
      } 
     }, 
     axesDefaults: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
     } 
     }//end jqplot 
    ); 
    }); 
});` 

Im Moment ist die Zecken-Array nur mit Zahlen gefüllt, aber es wird später einige Textetiketten halten. Wenn ich tickRenderer: $.jqplot.CanvasAxisTickRenderer auskommentieren, wird meine Ticks-Array als X-Achsen-Etiketten angezeigt.

Ich habe mehrere Optionen ausprobiert, konnte aber keine Lösung finden.

Kann mir jemand dabei helfen? Danke im Voraus!

Answer 1

Ich habe dieses Problem endlich behoben. Ich bin mir nicht sicher, warum, aber die Bereitstellung von Leerzeichen wie ticks[i]=' ' anstelle von ticks[i]='' löste es.