Flot:如何在刻度线上对齐xaxis标签中心,并将标签放在绘图区域而不是外部空间

时间:2011-05-09 01:55:40

标签: alignment axis flot

我想知道是否有配置将轴刻度“中心”放在刻度线上?还把它们放在情节区域而不是外面的空间?

对于后一个问题,我在网格选项中使用了“labelMargin:-30”,虽然它与不设置它有所不同,但是,如果我设置“labelMargin:-50”或使用另一个更大的负数,则没有进一步的区别数。有谁知道如何处理这个?

提前感谢!

3 个答案:

答案 0 :(得分:12)

我缩小了直方图上的条形,并将标签置于条形下方,方法是将条形图格式化为:

series: {

      bars: {'show': 'true', 'align': "center", 'barWidth':0.7}

       }

答案 1 :(得分:3)

我有同样的要求,最后我决定设计特定于图表的tickLabel

e.g。

#myGraph .tickLabel {
    margin-left: 2em;
}

这对我有用,因为我的x轴有一个固定的最小值和最大值 - 不理想,但是做了伎俩!

答案 2 :(得分:1)

即使我有类似的东西,但对于y轴,我也有两个y轴,所以我执行了以下操作:

 #graph_label .tickLabel {
           margin-left: 0em;
           margin-right:0em;
      } 

#graph_label .yAxis .tickLabel {
           margin-left: 0em;
           margin-right:0em;
      } 

#graph_label .y2Axis .tickLabel {
           margin-left: 0em;
           margin-right:0em;
      }