2012-02-01 87 views
2

如何在图表顶部创建更多空间?jQuery在顶部添加更多空间

现在我得到这样的:

但我想这一点:

enter image description here

这是我的JS代码:

$("table.chart").each(function() { 
    var colors = []; 
    $("table.chart thead th:not(:first)").each(function() { 
     colors.push($(this).css("color")); 
    }); 
    $(this).graphTable({ 
     series: 'columns', 
     position: 'replace', 
     width: '100%', 
     height: '200px', 
     colors: colors 
    }, { 
     xaxis: { 
      tickSize: 1 
     } 
    }); 
}); 
+0

您可以增加y轴的最大值,请参阅http://stackoverflow.com/questions/4690413/flot-library-setting-up-y-axis-to-min-0-and-max-24 – pritaeas 2012-02-01 12:02:30

+0

它不可能是alpxy 20px或someting与高度?因为最大你可以说400,但如果someting有一个700的值... – Maanstraat 2012-02-01 12:06:01

回答

10

调整y轴的autoscaleMargin属性。从API:

的“autoscaleMargin”是有点深奥:它的利润率 的是,缩放算法将增加,以避免最远点 对电网边界最终分数。请注意,仅当 最小值或最大值未明确设置时才应用此边距。如果指定了余量,则该图将进一步将轴终点延伸至最接近的整数刻度 。对于x轴,默认值为“null”,对于大多数情况下,轴的默认值为0.02。

听起来像是从默认的0.02上升起来会做你想做的。

+0

Thnx队友! :-)。 – Maanstraat 2012-02-01 18:16:25

+1

Thnaks的提示。我还发现,在这种情况下不允许指定最小/最大值,因为这将覆盖边距设置。 – AntonSack 2013-09-26 09:59:33

0

我有这样的添加JS文件现在我从顶部获得了一些空间......这不是诡异的,而是有些东西。 :-)

yaxis: { 
    max: null 
}