Как перемещать значения, отображаемые на панели, вниз?

В настоящее время работает с диаграммой столбцов в jqplot. Мое сомнение заключается в том, как перемещать значение, отображаемое на панели, вниз до его бара?

скрипка здесь

$(document).ready(function(){ var yAxisLabels = ["Label1", "Label2", "Label3", "Label4"]; var legendValues = ["series1", "series2", "series3", "series4"]; var pLabels1 = ['70%','38%','71%','28%']; var pLabels2 = ['27%','49%','27%','44%']; var pLabels3 = ['2%','10%','2%','17%']; var pLabels4 = ['1%','4%','1%','12%']; var group4 = [52,528,129,264]; var group3 = [94,1388,394,401]; var group2 = [1446,7130,5591,1004]; var group1 = [3772,5512,14957,633]; var series = [ { pointLabels: { labels: pLabels4 }}, { pointLabels: { labels: pLabels3 }}, { pointLabels: { labels: pLabels2 }}, { pointLabels: { labels: pLabels1 } }]; var plot = $.jqplot('chart', [[[52,1],[528,2],[129,3],[264,4]], [[94,1],[1388,2],[394,3],[401,4]], [[1446,1],[7130,2],[5591,3],[1004,4]], [[3772,1],[5512,2],[14957,3],[633,4]]], { stackSeries: true, seriesDefaults: { shadow: false, renderer: $.jqplot.BarRenderer, rendererOptions: { fillToZero: true, barDirection: 'horizontal', highlightMouseOver: true}, pointLabels: { show: true, stackedValue: true, location: 'w', hideZeros: true } }, axes: { xaxis: { tickOptions: { show: true, mark: 'cross', formatString: "%'d", showGridline: true }, min: null, max: null, showTickMarks: true }, yaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: yAxisLabels } }, grid: { gridLineColor: '#ffffff', /**/ borderColor: '#509790', shadowWidth: 0, borderWidth: 0, background: 'rgba(0,0,0,0)', shadow: false }, series: series }); }); 

• Фон графика jqplot кажется черным в ie8
• Преобразуйте фигуру jqplot в URL-адрес данных и отправьте как часть html-формы
• JQPlot Легенда вне графика
• Есть ли способ, которым я могу раскрасить свои тики в моем графике jqplot

 .chart .jqplot-point-label { margin-top:50px; }