代码之家 › 专栏 › 技术社区 › ebt

在FLUX中移动XAXIS标签

flot jquery javascript

ebt · 技术社区 · 14 年前

试图将文本标签置于FLUX下的XC轴下的条形图中。
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 回复 | 直到 14 年前

Phrogz 14 年前

您可以单独使用CSS:

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

或者这里有一个小的改进:

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

推荐文章

NekoLopez · 在Flot图表线条工具提示中显示信息时出错

7 年前

Ezequiel Flores · Flot时间序列线不工作

7 年前

Václav · flot图表:无法读取未定义的属性“plugins”

7 年前

TanyaS · 带有多个yaxis和复选框的jQuery Flot

7 年前

Devyani Kotadiya · 如何在flot图表中设置工具提示文本颜色?

7 年前

Samuil Petrov kenza · Flot(Flot.js)仅填充图例中的条目

8 年前

Jigarb1992 · 在带有angularjs的浮动图表中,仅x轴刻度中的整数

8 年前

Huw · 格式化flot图形数组的json数据

8 年前

tuanptit · 在浮标图中1262304000000是多少?

9 年前

cr1zz · jQuery flot-当没有值时,不要在yaxis上显示-1

9 年前