jqplot：tickOptions：{formatString：'％d'}在x轴上显示重复的间隔

Question

我正在使用“jQplot”绘制图表（jquery.jqplot.js和jquery.jqplot.css）

为此，我写了以下代码：

$tfsGraphNodes= "[1,4],[2,2],[3,21],[4,61],[5,71],[6,10]";
$.jqplot('chartdiv', [[{/literal}{$tfsGraphNodes}{literal}]],
                        {title: 'Applicant Behaviour'
                                    , series: [{color: 'green'},
                                , {label: 'Applicant Trend'}]
                                    , legend: {show: true}
                            , highlighter: {showTooltip: true}
                            , axes: {
                                xaxis: {
                                    tickOptions: {formatString: '%d'}
                                },
                            }
                        });

要在x轴上获取整数值，我使用了tickOptions: {formatString: '%d'}，我得到的值为（0,1,1,2,2,3,3,4,4，.. ...）

但我希望区间不要重复。

为了更好地理解，我附上了图片：

Answer 1

使用％d作为格式字符串我遇到了同样的问题。当我用'％＃d'替换'％d'时，问题就解决了。

axes: {
 xaxis: {
  tickOptions: {formatString: '%#d'},
  tickInterval: 1
 } 
} 

Answer 2

尝试在xaxis选项中指定 tickInterval：1 ：

axes: {
 xaxis: {
  tickOptions: {formatString: '%d'},
  //Comment or un-comment to see what happens on xaxis's ticks
  tickInterval: 1
 } 
} 

请参阅工作小提琴here，您可以评论/取消评论tickInterval行，看看它如何更改xaxis的刻度。

Answer 3

我必须添加最小和最大选项以使重复项消失：

xaxis: {
    tickOptions: {formatString: '%d'},
    tickInterval: 1,
    min: 0,
    max: 10,
}