在更改宽度时绘制图表不需要的小数

时间:2012-07-28 05:03:22

标签: jquery jquery-plugins charts flot

我正在使用google flot chart,它会根据用户选择的值显示图表。图表显示x轴上的年份和y轴上的价格。

问题是如果图形宽度很小,它会正确显示值。例如,如果我将宽度设置为

<div id="placeholder" style="width:500px;height:300px"></div>

但是如果图形宽度增加就像

那样
<div id="placeholder" style="width:650px;height:300px"></div>

图表显示x轴上不需要的零 e.g

Insted of  2010  it shows  2010.0
Insted of  2011  it shows  2011.0
Insted of  2012  it shows  2012.0

我只是想摆脱这些不需要的零。谷歌根本没有帮助我,我完全不知道这种愚蠢的行为。

3 个答案:

答案 0 :(得分:9)

我也有这个问题。我可以像这样轻松修复它:

xaxis:
{                
    tickDecimals: 0
}

答案 1 :(得分:2)

通过the doco查看,您可能需要尝试设置tickDecimals或为tickFormatter选项设置xaxis

答案 2 :(得分:0)

您使用的是0.7还是Github的主分支?这听起来像是最近在主分支上修复的错误。