私はjqPlot horを持っています。このような棒グラフ。jq plot - 線形の x 軸の目盛りを取得する
cssをいじる代わりに、いくつかのパラメーターまたはレンダラーを使用して、それぞれのバーの上にy軸の目盛りラベル(ソフトウェアやサービス、写真のイスラエルなど)を配置できるようにしたいと考えています。
それを行う簡単な方法はありますか?前もって感謝します。
これまでのところ、私のコードは以下のようになります。
` function drawChart() {
var data = new Array(3);
for (var i = 0; i < data.length; i++) {
data[i] = new Array(2);
data[i][0] = Math.random() * 100;
data[i][1] = 'text-' + (i + 1);
}
var plot2 = $.jqplot('votingresult', [
data,
], {
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
shadow: false,
rendererOptions: {
barDirection: 'horizontal',
barPadding: 20,
barMargin: 0,
barWidth: 20,
varyBarColor: true,
}
},
gridPadding: { top: 0, right: 0, bottom: 0 },
grid: {
drawGridLines: false,
drawBorder: false,
shadow: false
},
axesDefaults: {
showTicks: false,
shadow: false
},
axes: {
yaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions: {
fontSize: '10pt',
mark: 'inside',
showLabel: false
}
}
}
});
}`
この flickr の写真の右側に示されているような jqplot が必要です。
http://www.flickr.com/photos/surajshrestha/7455033636/sizes/l/in/photostream/
Jeroen: ポイント ラベルについて調べました。しかし、ここでは、グラフ内にある軸ラベルについて話しています。