jquery - 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
 } 
} 

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

Answer 3

我必须添加 min 和 max 选项以使重复项消失：

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