Intereting Posts
Как проверить правильность буквы и пробела только через регулярное выражение JavaScript Рисунок: бесшовная прокрутка с положением: фиксированный элемент на iOS 8 Программно генерировать редактируемые документы Word из ASP.NET? Множественные независимые наборы навигационных вкладок без нескольких сценариев, чтобы заботиться о скрытии содержимого на кликах xhtml самозакрывающийся якорный элемент <a разрешен? Как превратить текст в смайлики Как изменить контент при наведении Ошибка z-index IE-тега IE10 Анимированная анимация карусели по сравнению с с кавычками IE8 не отображает некоторые из элементов HTML-имени HTML – нажмите кнопку, чтобы список прокручивал сверху по неизвестным причинам Преобразовать строку в нужный формат URI? Автоматическое обнаружение мобильного браузера (через user-agent?) Android 2.3 Stock Browser: встроенный блок, не расширяющийся на мероприятии «changechange»

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

В настоящее время работает с диаграммой столбцов в 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 }); }); 

    Вот решение: ссылка Jsfiddle

    просто добавьте class css с именем родительского элемента элемента div графа и смешением classа jqplot-point-label. Посмотрите на jsfiddle, поскольку там будет больше смысла

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