x軸に目盛りのラベルを手動で定義する必要があります。 CategoryAxisRenderer
を使用している限り正常に動作しますが、tickRenderer: $.jqplot.CanvasAxisTickRenderer
を使用してラベルを回転します。 ここで、x軸は0からxxまで1ステップで自動的にラベル付けされます。jqPlot canvastickrendererで手動で定義された目盛りラベルを使用する
手動で定義された配列が使用されていれば、どうすればよいですか?回転ラベル付きの完全なコードは次のように見えます
:現時点では
`$(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
);
});
});`
ティック配列は数字だけで満たされているが、それは後に、いくつかのテキストラベルを開催します。 tickRenderer: $.jqplot.CanvasAxisTickRenderer
をコメントアウトすると、私の目盛り配列はx軸のラベルとして表示されます。
いくつかのオプションを試しましたが、解決策が見つかりませんでした。
誰もがこれを手伝ってくれますか?前もって感謝します!