перемещение ярлыков xaxis во flot - PullRequest
Новая
       12

перемещение ярлыков xaxis во flot

1 голос
/ 26 ноября 2010

Попытка центрировать текстовую метку под диаграммой под xaxis в flot.
оригинальная разметка из flot выглядит следующим образом: 

<div style="position: absolute; text-align: center; left: -20px; top: 185px; width: 79px;" class="tickLabel"><span class="chart-label">Lorem</span></div>

Я хочу, чтобы результирующая разметка метки выглядела так: 

<div style="position: absolute; text-align: center; left: 0px; top: 185px; width: 79px;" class="tickLabel"><span class="chart-label">Lorem</span></div>

Этот код уже добился цели, но мне было интересно, есть ли лучший способ выравнивания надписей. 

$.each($('.chart-label'),function(idx,el){
 var c = $(el);
 var value = c.parent().css('left');
 c.parent().css('left',parseInt(value)+20+'px');
});

Я не могу переопределить размещение в css, потому чтолевый атрибут встроен.

1 Ответ

2 голосов
/ 05 декабря 2010

Вы можете использовать только CSS: 

.tickLabel .chart-label { padding-left:20px }

Или вот вам небольшое улучшение: 

$('.tickLabel').each(function(){
  var me = $(this);
  me.css('left',parseInt(me.css('left'))+20+'px');
});
...